如何根据 jQuery 中另一个字段中的日期获取星期几

Question

问题

我有两个模型形式的文本字段。
第一个是显示日期的文本字段，第二个是普通文本字段。
我正在使用 jquery 日期选择器作为日期
请看我的代码

代码

Html：

<form>
<input type="text" name="start_day" value="<?php echo $start_day; ?>" class="start_day" tabindex="0" />
<input type="text" name="dlvry_day" value="<?php echo $dlvry_day; ?>" class="dlvry_day" >

JavaScript：

jQuery(document).ready(function(){

jQuery(".start_day").datepicker({
    defaultDate: "+1w",
    changeMonth: true
});

});

当用户从第一个文本框（即显示日期的文本框）中选择时，我需要将第二个文本框设为不可输入，并且需要自动显示日期。

注意：我使用 php 保存这两个字段值。

一个快速的解决方案很有帮助。

Answer 1

这就是你如何使它只读。

 $("#datepicker").readonlyDatepicker(true); 

这是如何将今天的日期设置为 datepicker 字段

$("#datepicker").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());

Answer 2

感谢所有竭尽全力解决我问题的人。
无论如何，我找到了一种方法来获得我想要的 output。
请检查代码。

jQuery(document).ready(function(){

jQuery(".dlvry_day").attr('disabled','disabled');
jQuery(".start_day").datepicker({
    defaultDate: "+1w",
    changeMonth: true, 
    onSelect: function(dateText) {
        var Sel = jQuery(this).datepicker('getDate');
        Sel = Sel.toDateString();
        Sel = Sel.split(' ');
        var days = new Array();
        days['Sun'] = "Sunday";
        days['Mon'] ="Monday";
        days['Tue'] = "Tuesday";
        days['Wed'] = "Wednesday";
        days['Thu'] = "Thursday";
        days['Fri'] = "Friday";
        days['Sat'] = "Saturday";
      var days = days[Sel[0]];
      jQuery(".dlvry_day").val(days);
      }
});

});

Answer 3

$(".start_day").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
    // When datepicker date is changed
    }).on('changeDate', function (selected) {
        // This is selected date of .start_day
        var minDate = new Date(selected.date.valueOf());
        // Update .dlvry_day date to our selected date
        $(".dlvry_day").datepicker("update", minDate.getDate());
        // Can be used like that 
        //$('.dlvry_day').datepicker('setStartDate', minDate.getDate());
        // Making disabled the .dlvry_day
        $('.dlvry_day').prop('disabled',true);
});