gpt4 book ai didi

javascript - jQuery UI 日期选择器一键获取日期和日期名称

转载 作者:行者123 更新时间:2023-11-28 04:03:43 25 4
gpt4 key购买 nike

我正在使用datepicker通过 jQuery UI 获取完整的日期和星期。但现在我想只需在日历上单击即可做到这一点。这是我的示例代码:

<script>
$(function(){
var pickerOpts1 = {
dateFormat: "yy-mm-dd"
};
var pickerOpts2 = {
dateFormat: "DD"
};
$("#datepicker1").datepicker(pickerOpts1);
$("#datepicker2").datepicker(pickerOpts2);
});
</script>

这些字段很简单:

<form  method="get" action="check.php">
<p>date: <input type="text" name="dateH" id="datepicker1" /></p>
<p>day: <input type="text" name="dayD" id="datepicker2" /></p>
<button class="btn btn-primary" type="submit">Submit</button>
</form>

任何和所有的帮助将不胜感激!

最佳答案

这里有一个解决方案 https://jsfiddle.net/0g4runLb/

$(function(){
var pickerOpts1 = {
dateFormat: "yy-mm-dd",
onSelect: function(dateText, inst) {
var date = $(this).datepicker('getDate');
$('#datepicker2').val($.datepicker.formatDate('DD', date));
}
};
$("#datepicker1").datepicker(pickerOpts1);
});
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<form method="get" action="check.php">
<p>date: <input type="text" name="dateH" id="datepicker1" /></p>
<p>day: <input type="text" name="dayD" id="datepicker2" /></p>
<button class="btn btn-primary" type="submit">Submit</button>
</form>

希望这对您有帮助。

关于javascript - jQuery UI 日期选择器一键获取日期和日期名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46879272/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com