JQuery 日期选择器 return 周数和星期几

Question

我正在尝试根据所选日期通过 JQuery 日历获取工作日的周数和 name/shortcut。我不是很精通 JQuery，所以我可以得到周数，但我似乎无法用它得到当天的名称。

谁能帮帮我？

  $('#datepicker').datepicker({
    onSelect: function (dateText, inst) {
        $('#weekNumber').val($.datepicker.iso8601Week(new Date(dateText)));
    }
});

Answer 1

你必须得到日期，然后从中提取日期：

      var date = $(this).datepicker('getDate');
      alert($.datepicker.formatDate('DD', date));

希望对您有所帮助！

编辑：您可以找到有效的 fiddle here.

Answer 2

您可以在现有块中添加以获取日期名称，方法是使用格式日期语法，可在日期选择器文档中找到，此处： http://api.jqueryui.com/datepicker/#utility-formatDate

在这种情况下，全天名称是从 'DD' 获得的，因此您更新后的代码可能如下所示：

$('#datepicker').datepicker({
    onSelect: function (dateText, inst) {
        var d = new Date(dateText);
        $('#weekNumber').val($.datepicker.iso8601Week(d));
        $('#dayName').val($.datepicker.formatDate('DD', d));
    }
});

Fiddle 这里：http://jsfiddle.net/duffmaster33/zL6m2wck/

Answer 3

这里有很多关于如何使用 javascript 日期对象的信息。

这是我建议你的代码：

 $(function() {
        $( "#datepicker" ).datepicker({
            onSelect: function( dateText, dateObj ){
            //You can get your date string that way
            console.log(dateText);

            //You can get a few value about the date, look in your console to see what you can do with that object
            //i.e. - console.log(dateObj.selectedDay)
            console.log(dateObj);

           //You can see the result of the date in string that way
           $('.string').append(dateText);

           currDate = new Date(dateText);
           //You can have a complete Date object using the Date javascript method
           console.log(currDate);

           //The Date object in javascript provides you all you need then

          //Get the number of day in a week, from 0(Sunday) to 6(Saturday)
          $('.getday').append(currDate.getDay());

         //Create a function to see day Sun - Sat
         function getWeekDay(date) {
           var days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
           return days[ date.getDay() ]
         } 
         //Then we use it
         $('.getweekday').append(getWeekDay(currDate));
    }
   });
 });

你可以在那里看到我的 fiddle： https://jsfiddle.net/qapw32Lp/

这里有一个很好的信息来源，您也可以使用关于日期对象的信息： http://javascript.info/tutorial/datetime-functions

JQuery 日期选择器 return 周数和星期几

JQuery datepicker return weeknumber and day of week

javascript

jquery

jquery-ui

jquery-ui-datepicker