使用jQuery Datepicker插件中的工作日值更新隐藏的输入元素

Update hidden input element with weekday value from jQuery Datepicker plugin

本文关键字：更新 隐藏 输入 元素 工作日 Datepicker 插件 使用 jQuery      更新时间：2023-09-26

我只是对jQuery不够熟悉，无法实现这一点。使用jQueryDatepicker插件，在已有一些帮助的情况下，除了用选定的星期一值更新隐藏的输入元素外，我还可以使用它。我所尝试的一切都会干扰Datepicker插件的功能。欢迎任何帮助。

<html>
<head>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<title> jquery date picker </title>
<script type="text/javascript">
$(function () {
  $("#Datepicker").datepicker();
});
</script>
<script type="text/javascript">
function pickdate() {
    var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ];
    var selecteddate = $("#Datepicker").datepicker('getDate');
    $('#Datepickerday').html(days[selecteddate.getDay()]);
    // also needs to update hidden input 'weekday' with day of week
}
</script>
</head>
<body>
Date:&nbsp;&nbsp;<input type="text" name="Datepicker" id="Datepicker" class="Datepicker" onchange="pickdate();">
<br><br>
Day:&nbsp;<span id="Datepickerday"></span>
<input type="hidden" name="weekday" id="weekday">
</body>
</html>

使用.val()填充隐藏的输入。

function pickdate() {
    var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ];
    var selecteddate = $("#Datepicker").datepicker('getDate');
    var weekday = days[selecteddate.getDay()];
    $('#Datepickerday').html(weekday);
    $('#weekday').val(weekday);
}

或者使用日期选择器的选项：

$("#Datepicker").datepicker( {
    altField: 'weekday',
    altFormat: 'DD',
    onSelect: function(datestring, dp) {
        var selecteddate = dp('getDate');
        $("#Datepickerday").text($.datepicker.formatDate(selecteddate, 'DD'));
    }
});
相关文章：