如何在datepicker中设置静态日期到起始日期?

时间:2016-12-04 14:38:27

标签: javascript jquery date javascript-events datepicker

我正在使用日期计算器,其中包含两个文本框,其中一个文本框的静态日期(2016年7月1日)和日期应更改为当前日期。

此日期的代码工作正常,但静态日期不会填充到文本字段中。

enter image description here

此处应填充起始日期。现在,来自文本框的类名被称为“文本框”,我已经开始研究这个但它给了我一些错误,但它没有被填充。

在执行此操作之前,我已将jquery包含在内。

$("[type='range']").on('change',function(){
    $("[type='text']").val(this.value);
});

它给了我这样的错误。

$('.textbox').datepicker("setDate", new Date(2008,9,03) );

我应该这样想。任何人都可以帮助我。 enter image description here

2 个答案:

答案 0 :(得分:1)

您忘记包含jQuery UI库:

$( "#datepickerFrom" ).datepicker({
  dateFormat: "dd-M-yy"
  });
$( "#datepickerTo" ).datepicker({
  dateFormat: "dd-M-yy"
  });
$( "#datepickerTo" ).datepicker("setDate", new Date());

$('.textbox').datepicker("setDate", new Date(2016, 6, 1));
<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>


<p>From: <input type="text"  class="textbox" id="datepickerFrom"></p>
<p>From: <input type="text" id="datepickerTo"></p>

答案 1 :(得分:0)

像这样使用

$('.textbox').datepicker({"setDate":new Date(2008,9,03)} );