gpt4 book ai didi

php - 日期选择器如何选择从下拉列表中选择的月份

转载 作者:搜寻专家 更新时间:2023-10-31 21:12:09 26 4
gpt4 key购买 nike

html代码片段

<li>
<select name="months" class="sel">
<option selected="" value="Default"> Month </option>
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<option value="May">May</option>
<option value="Jun">June</option>
<option value="Jul">July</option>
<option value="Aug">August</option>
<option value="Sep">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
</li>
<li><label class="label">From:</label></li>
<li><input name="fdate" type="text" class="sel" size="10" id="SelectedDate"
readonly onClick="GetDate(this);"><li>

这里的问题是从下拉列表中选择的月份应该显示在日期选择器中....

如何将这个选定的选项集成到我的日期选择器代码......

最佳答案

试试这个.. 如果你使用 jQuery 那么不需要放置单独的列表框。

Fiddle Demo

<html>
<head>
<title>Testing</title>
<link href="css/jquery-ui-start-custom-1.10.3.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.ui-datepicker-next, .ui-datepicker-prev { display: none; }
</style>
<script src="scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery-ui-custom-1.10.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
yearRange: "-0:c+10",
dateFormat: "dd - M - yy",
onClose: function(selectedDate) {
$('#datepicker1').datepicker("setDate", selectedDate);
}
});
$('#datepicker').datepicker("setDate", new Date());

$("#datepicker1").datepicker({
yearRange: "-0:+0",
dateFormat: "dd - M - yy"
});

});
</script>
</head>
<body>
<div>
<input type="text" id="datepicker" />
<input type="text" id="datepicker1" />
</div>
</body>
</html>

参见 jQuery UI Datepicker供引用

关于php - 日期选择器如何选择从下拉列表中选择的月份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17274974/

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