Как получить день недели на основе даты в другом поле в jQuery - PullRequest
Новая
       34

Как получить день недели на основе даты в другом поле в jQuery

0 голосов
/ 23 октября 2019

Выпуск

У меня есть два текстовых поля в форме модели.
Первое - это текстовое поле, отображающее дату, а второе - обычное текстовое поле.
Я использую jquery datepicker для дат
Пожалуйста, смотрите мой код удара

Код

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.

Быстрое решение очень полезно.

Ответы [ 3 ]

0 голосов
/ 23 октября 2019 
$(".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);
});
0 голосов
/ 24 октября 2019

Спасибо за всех, кто делает все возможное, чтобы решить мою проблему.
В любом случае, я нашел способ получить желаемый результат.
Пожалуйста, проверьте код. 

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);
      }
});

});
0 голосов
/ 23 октября 2019

Это то, как вы делаете это только для чтения. 

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

Это то, как установить сегодняшнюю дату в поле datepicker 

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