jQuery日期选择器操作

时间:2012-10-11 22:39:20

标签: jquery jquery-ui-datepicker

我有两个日期选择器:

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

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

我如何修改它以便默认日期是两个日期选择器的今天日期?

我希望如果将开始日期选择到其他日期,则允许选择结束日期&gt; =开始日期。如果首先修改结束日期,则允许开始日期为&lt; =结束日期。

<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>

1 个答案:

答案 0 :(得分:0)

您可以使用datepicker插件的选项。 jQuery date picker manipulations

您还可以尝试查看之前询问的堆栈溢出问题:How do I pre-populate a jQuery Datepicker textbox with today's date?

以下是示例代码

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