如何在文本框中设置默认日期? jQuery的

时间:2013-12-17 12:20:49

标签: jquery jquery-ui

我正在使用jquery 1.10

查看模板

<script>
    $(function() {
    $( "#departing_on" ).datepicker({
      dateFormat: "dd-mm-yy",
      numberOfMonths:[1,2],
      minDate: new Date() 
    });
    $( "#return_on" ).datepicker({ 
      dateFormat: "dd-mm-yy",
      numberOfMonths:[1,2],
      minDate: new Date() 
    });
    });
</script>

第一次选择我想在文本框中默认今天的日期。怎么样?

4 个答案:

答案 0 :(得分:3)

$("#departing_on").val($.datepicker.formatDate("dd-mm-yy", new Date()));
$("#return_on").val($.datepicker.formatDate("dd-mm-yy", new Date()));

在脚本末尾添加上述代码。这是必需的,因为datepicker插件没有规定在初始化时在控件中设置日期。

答案 1 :(得分:2)

不太确定你在问什么。您可以使用JavaScript获取当前日期:

var now = new Date();

如果你想在jQuery DatePicker中转到当前日期,你可以在任何类似的文本字段上应用它:

$('input.youTextFieldClass').datepicker({ dateFormat: 'mm-dd-yy', 
                                     changeMonth: true,
                                     changeYear: true,
                                     yearRange: '-70:+10',
                                     constrainInput: false,
                                     duration: '',
                                     gotoCurrent: true});

答案 2 :(得分:1)

只需输入输入字段;)

<input type="text" id="departing_on" value="23-03-2013" />

答案 3 :(得分:0)

解决方案是:

<input type="text" id="departing_on" class="datepicker form-control input-sm" value='' />

<script type="text/javascript">
function getCurrentDate(){
  today_date = new Date();

  today_Date_Str = ((today_date.getDate() < 10) ? "0" : "") + String(today_date.getDate()) + "-" +((today_date.getMonth() < 9) ? "0" : "") + String(today_date.getMonth() + 1)+ "-" +today_date.getFullYear();

  return today_Date_Str;
}
</script>

<script>
  $(function() {
    $("#departing_on").datepicker({
      dateFormat: "dd-mm-yy",
      numberOfMonths:[1,2],
      minDate: new Date(),
      // gotoCurrent: true
    });
    $("#return_on").datepicker({ 
      dateFormat: "dd-mm-yy",
      numberOfMonths:[1,2],
      minDate: new Date() 
    });
  });
$(function() {
     var date = new Date(); // replace with your date
     $("#departing_on").val(getCurrentDate());
});
</script>