[22/04/15]jQuery datepickerを使用する場合、開始日より大きい終了日のみ指定できます.
9704 ワード
注http://jmlim.github.io/javascript/2019/01/04/javascript-jquery-datepicker-start-end-date/
datepickerに関連するjquery UIのロード
datepickerに関連するjquery UIのロード
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
//달력을 표시할 startDate, endDate 에 해당하는 inputbox 추가.
<input type="text" id="startDate"/>
<input type="text" id="endDate"/>
//datepicker 적용.
<script type="text/javascript">
$(document).ready(function () {
$("#startDate").datepicker({
dateFormat: "yy-mm-dd", // 날짜의 형식
minDate: 0,
nextText: ">",
prevText: "<",
onSelect: function (date) {
var endDate = $('#endDate');
var startDate = $(this).datepicker('getDate');
var minDate = $(this).datepicker('getDate');
endDate.datepicker('setDate', minDate);
startDate.setDate(startDate.getDate() + 30);
endDate.datepicker('option', 'maxDate', startDate);
endDate.datepicker('option', 'minDate', minDate);
}
});
$('#endDate').datepicker({
dateFormat: "yy-mm-dd", // 날짜의 형식
nextText: ">",
prevText: "<"
});
});
</script>
Reference
この問題について([22/04/15]jQuery datepickerを使用する場合、開始日より大きい終了日のみ指定できます.), 我々は、より多くの情報をここで見つけました https://velog.io/@hellocdpa/220415-jQuery-datepicker-사용-시-종료일을-시작일보다-큰-날짜만-지정-가능하도록-설정하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol