设置日期选择器的值？

Posted 2023-05-07

【中文标题】设置日期选择器的值？

【英文标题】：Set value of datepicker?

【发布时间】：2015-09-21 00:28:01

【问题描述】：

我已经探索了大约 30 个线程，但我的问题仍未解决。

我有一个 JQuery 日期选择器：

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

【参考方案1】：

您需要使用datepicker 库的setDate 函数。试试这个：

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

【讨论】：

不工作......我在页面上也有这段代码（也许这是干扰？）：

我明白了！我将该代码添加到 $(document).ready(function() ...谢谢！

假设你有一个格式正确的变量，new Date('<?php echo $dateVar ?>') 应该可以工作

当我使用 if 语句检查传递给 javascript 变量的 php 变量的长度时，它不起作用……你能判断我的语法是否不正确吗？

【参考方案2】：

因为这是当您搜索如何在 datepicker 中设置日期时弹出的第一个帖子，并且因为问题标题没有说它必须与 JQuery 一起使用。对于所有来到这里试图弄清楚如何使用香草的人。这是我的解决方案。

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