设置datepicker的值?

时间:2015-07-03 08:29:42

标签: javascript jquery datepicker jquery-ui-datepicker

我已经探索了30个线程,我的问题仍未解决。

我有一个JQuery datepicker:

<input id="datepicker" name="date" class="mydatepicker" onchange="isValidDate()"></input>

我只想编写一个javascript函数,在调用时完成此操作:

<script type="text/javascript">
document.getElementById("datepicker").value = 'certain date';
</script>

datepicker与这些文件绑定:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

2 个答案:

答案 0 :(得分:7)

您需要使用setDate库的datepicker功能。试试这个:

$('#datepicker').datepicker('setDate', new Date()); // = set to today

答案 1 :(得分:1)

因为这是当您搜索如何在datepicker中设置日期时弹出的第一篇文章,并且因为问题标题没有说它必须与JQuery有关。对于来到这里的每个人都想弄清楚如何使用Vanilla。这是我的解决方法。

<input id="datepicker" name="date" class="mydatepicker"></input>

<script>
const date = document.getElementById('datepicker');
date.value = new Date().toISOString().split('T')[0].slice(0, 10);

</script>