jquery - jQuery 日期选择器操作

Question

我有两个日期选择器：

<script type="text/javascript">
    jQuery(function() {
        jQuery( '#startdatepicker' ).datepicker();
    });
</script>

<script type="text/javascript">
    jQuery(function() {
        jQuery( '#enddatepicker' ).datepicker();
    });
</script>

如何对其进行修改，以使两个日期选择器的默认日期都是今天的日期？

如果开始日期被选择为不同的日期，我希望它允许选择结束日期> =开始日期。如果先修改结束日期，则允许开始日期 <= 到结束日期。

<td align='center'>Start Date:<input type='text' name='start_date' id='startdatepicker' /></td>
<td align='center'>End Date: <input type='text' name='end_date' id='enddatepicker'  /></td>

Answer 1

您可以使用 datepicker 插件的选项。jQuery 日期选择器操作

您还可以尝试查看之前提出的堆栈溢出问题：如何使用今天的日期预先填充 jQuery Datepicker 文本框？

这是示例代码

$(document).ready(function(){
    $("#startdatepicker").datepicker({ 
    });
    var myDate = new Date();
    var month = myDate.getMonth() + 1;
    var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
    $("#startdatepicker").val(prettyDate);
});