Javascript 设置多个日期选择器';基于一个日期选择器的值';选定日期
我有以下jQueryUIDatePicker示例代码Javascript 设置多个日期选择器';基于一个日期选择器的值';选定日期,javascript,jquery,jquery-ui,date,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Date,Jquery Ui Datepicker,我有以下jQueryUIDatePicker示例代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.c
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function () {
$("#datepicker1").datepicker();
$("#datepicker1").change(function () {
alert($(this).val());
var date = $(this).datepicker();
$("#datepicker2").val("option", "dd-mm-yy", $(this).val());
//alert($( "#datepicker2" ).val());
});
});
</script>
</head>
<body>
<p>Date1: <input type="text" id="datepicker1"></p>
<p>Date2: <input type="text" id="datepicker2"></p>
<p>Date3: <input type="text" id="datepicker3"></p>
<p>Date4: <input type="text" id="datepicker4"></p>
</body>
</html>
我在上面试过了
您能提供帮助吗?您可以使用事件和呼叫方法:
onSelect
将日期作为字符串传递,因此为了方便起见,我们使用以下jQuery UI datepicker实用程序函数将其转换为:
$.datepicker.parseDate( format, value[, settings] )
表达方式:
inst.settings.dateFormat || $.datepicker._defaults.dateFormat
表示使用日期选择器上指定的
dateFormat
值(如果有);否则,使用DatePickerDefaults(即“mm/dd/yy”
)中的dateFormat
。感谢您的回答,但选择的日期#DatePicker1不会显示在其他datepicker2的文本框中
:(我的示例中有一个输入错误,请再次检查。我感谢您的回答:)(y)请详细说明这一行var date1=$.datepicker.parseDate(inst.settings.dateFormat | |$.datepicker._defaults.dateFormat,dateText,inst.settings)代码>那就太好了。你可以在回答中解释。
$.datepicker.parseDate( format, value[, settings] )
inst.settings.dateFormat || $.datepicker._defaults.dateFormat