gpt4 book ai didi

javascript - 更改两个下拉选择选项取决于日期选择器选择日期和月份

转载 作者:行者123 更新时间:2023-11-29 19:01:08 25 4
gpt4 key购买 nike

我正在使用 datepicker-ui。我得到用户选择的日期,然后将那个月放在这样的下拉选项中。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Format date</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$("#datepicker").datepicker();
//Below line will set format for date "Month year" .Note This format is custom,according to the drop down value
$( "#datepicker" ).datepicker( "option", "dateFormat", "MM yy" );
//On change of Date from date picker, this will set value in select dropdown
$('#datepicker').change(function(){
$('#name_id').val($('#datepicker').val());
});
} );


</script>
</head>
<body>

<p>Calendar: <input type="text" id="datepicker" size="30"></p>


<div class="input-group col-lg-2 col-md-12 col-sm-12 search">
<label class="bd-form-label" style="float: left;width: 100%;">Dates</label>
<select name="name" id="name_id" style="width: 80%;float: left;">
<option value="">Any Month</option>
<option value="October 2017">October 2017</option>
<option value="November 2017">November 2017</option>
<option value="December 2017">December 2017</option>
<option value="January 2018">January 2018</option>
</select>
</div>


</body>
</html>

它工作了一个月和一年。是否可以像这样添加另一个选择选项:

<select name="name" id="name_id_day" style="width: 80%;float: left;">
<option value="">Any Day</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
</select>

在日期旁边并像我对月/年所做的那样更改日期?

我尝试通过更改 js 脚本:

$( function() {
$("#datepicker").datepicker();
//Below line will set format for date "Month year" .Note This format is custom,according to the drop down value
$( "#datepicker" ).datepicker( "option", "dateFormat", "MM yy" );
//On change of Date from date picker, this will set value in select dropdown
$('#datepicker').change(function(){
$('#name_id').val($('#datepicker').val());
});
} );

收件人:

$( function() {
$("#datepicker").datepicker();
//Below line will set format for date "Month year" .Note This format is custom,according to the drop down value
$( "#datepicker" ).datepicker( "option", "dateFormat", "D MM yy" );
//On change of Date from date picker, this will set value in select dropdown
$('#datepicker').change(function(){
$('#name_id').val($('#datepicker').val());
});
} );

通过在 dateFormat 上添加日期 D MM YY 但在那之后根本不起作用。

有什么反馈吗?

最佳答案

你可以添加这段代码

<script type="text/javascript"> 
var monthyearData = "";
$(function() {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: false,
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
dateFormat: 'dd MM YY',
yearRange: '2017:2020'
});

$("#datepicker").datepicker("option", "dateFormat", "d MM yy");
$('#datepicker').change(function() {
monthyearData = $('#datepicker').val().split(" ");
$('#cruise_date').val(monthyearData[1] + " " + monthyearData[2]);
$('#cruise_date_1').val(monthyearData[0]);
});
});


</script>

关于javascript - 更改两个下拉选择选项取决于日期选择器选择日期和月份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46886213/

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