在datepicker UI中保留选定的年月

时间:2015-07-29 08:44:42

标签: javascript jquery datepicker calendar jquery-ui-datepicker

您好:)不是datepicker保存选定的年 - 月数据吗?我知道在 yyMMdd 日期格式的情况下可能。我的问题是如何 yyMM 日期格式。

点击“完成”按钮后,我想保存日期数据。因此,当再次单击日历按钮时,我想在datepicker UI上获取所选日期。

正如您在代码段中看到的那样,我没有使用日期部分。单击年,月和完成按钮时,可以在文本字段中看到选择日期。但是当您再次单击日历按钮时,datepicker UI日期将再次显示今天的日期。如何显示我选择的日期?

$("#mydate").datepicker({
			changeYear: true,
			changeMonth: true,
			setDate: new Date(),
			showButtonPanel: true,
			showOn: "button",
            showMonthAfterYear: true,
			monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
			onChangeMonthYear: function (dateText) {
				var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
				var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
				$(this).datepicker('setDate', new Date(year, month, 1));
			},
			dateFormat: 'yy-MM',
			altField: "#mydate"
		});
.ui-datepicker-calendar {
        display: none;
        }
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>

<input type="text" id="mydate" />

0 个答案:

没有答案