JQuery datepicker返回周数和星期几

时间:2015-04-16 14:32:58

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

我试图通过JQuery日历根据所选日期获取工作日的工作日和名称/快捷方式。 我不是真的精通JQuery,所以我可以获得周数,但我似乎无法得到它的一天的名字。

有人可以帮帮我吗?

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

3 个答案:

答案 0 :(得分:6)

你必须得到日期,而不是从中提取当天的名字:

      var date = $(this).datepicker('getDate');
      alert($.datepicker.formatDate('DD', date));
希望它有所帮助!

编辑:你可以找到工作小提琴here

答案 1 :(得分:2)

您可以使用datepicker文档中的格式日期语法添加现有块以获取日期名称,此处: 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));
    }
});

在这里小提琴:http://jsfiddle.net/duffmaster33/zL6m2wck/

答案 2 :(得分:1)

以下是有关如何使用javascript Date对象的大量信息。

以下是我建议你的代码:

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

你可以看到我的小提琴: https://jsfiddle.net/qapw32Lp/

以下是您可以使用日期对象的重要信息来源: http://javascript.info/tutorial/datetime-functions