【问题标题】:Display day along with date in datepicker plugin在 datepicker 插件中显示日期和日期
【发布时间】:2015-07-23 11:57:45
【问题描述】:

我正在使用来自 jQuery UI 的日期选择器并根据我的需要自定义其 CSS。在几乎所有的日期选择器中,当点击一天时,它们只显示日期(23/7/2015),但我想要自定义日期选择器插件以显示日期以及日期(2015 年 7 月 23 日星期三) )。 我对 jQuery 的了解有限,找不到任何关于如何实现这一点的信息。 这是我的 jQuery 代码:

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

这是我要制作的日期选择器的图像:IMAGE.

【问题讨论】:

    标签: javascript jquery html jquery-ui datepicker


    【解决方案1】:

    您可以使用 dateFormat 选项更改显示,如下所示:dateFormat: "D dd/mm/yy"

    $(function(){    
        $('.datepicker').datepicker({
            dateFormat: "D dd/mm/yy"        
        });    
    });
    

    示例:JS Fiddle Example

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

    【讨论】:

    • 非常感谢。像魅力一样工作。
    【解决方案2】:

    这应该适合你:

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

    查看此JsFiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-04
      • 2013-05-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多