在datepicker插件中显示日期和日期

时间:2015-07-23 11:57:46

标签: javascript jquery html5 jquery-ui datepicker

我正在使用jQuery UI中的日期选择器,并根据我的需要自定义其CSS。在几乎所有的日期选择器中,他们只显示日期(23/7/2015),当点击一天但我想要的是我想要自定义datepicker插件以显示日期和日期(星期三23/7/2015) )。 我对jQuery知之甚少,无法找到有关如何实现这一点的任何内容。 这是我的jQuery代码:

$(function(){
    $('#datepicker').datepicker({           
        inline: true,
        showOtherMonths: false,
        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
    });
});

以下是我想制作的日期选择器的图片:IMAGE.

2 个答案:

答案 0 :(得分:2)

您可以使用dateFormat选项更改显示,如下所示:WaveIn.GetCapabilities

dateFormat: "D dd/mm/yy"

示例:JS Fiddle Example

参考:https://api.jqueryui.com/datepicker/#option-dateFormat

答案 1 :(得分:1)

这应该适合你:

$(function(){
    $('#datepicker').datepicker({  
        dateFormat:"D MM/dd/yyyy",         
        inline: true,
        showOtherMonths: false,
    });
});

结帐JsFiddle