Bootstrap-DatePicker的自定义日期格式

kxxlusnw 于 2022-12-25 发布在 Bootstrap

关注(0)|答案(4)|浏览(164)

有人能指导我在Bootstrap-DatePicker中设置日期格式吗？
我使用了Eternicode/bootstrap-datepicker。这是我在JSP上的代码。

<div>Date : </div>
<input type="text" style="width: 213px;" class="datepicker" >

在我的JavaScript文件中...

$('.datepicker').datepicker({
    format: 'dd/mm/yyyy (D)',
    autoclose: true,
    keyboardNavigation : true ,
    endDate : dateFormat(date, "dd/mm/yyyy (ddd)"),
    daysOfWeekDisabled : [0]
});

我想要获得的输出类似于27/07/2013（Sat）。
但代码输出显示为27/07/2013（星期六
我看不到右括号**”）“**。有什么建议吗？

twitter-bootstrap

来源：https://stackoverflow.com/questions/17896176/custom-date-format-for-bootstrap-datepicker

4条答案

按热度按时间

mec1mxoz1#

也许你可以在这里检查它的最新版本总是
http://bootstrap-datepicker.readthedocs.org/en/latest/

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
})

或

$.fn.datepicker.defaults.format = "mm/dd/yyyy";
$('.datepicker').datepicker({
    startDate: '-3d'
})

赞(0）回复(0）举报 2022-12-25

gxwragnw2#

我确信您使用的是旧版本。您必须使用master分支提供的最新版本：
https://github.com/eternicode/bootstrap-datepicker

赞(0）回复(0）举报 2022-12-25

kwvwclae3#

var type={
      format:"DD, d MM, yy"
};
$('.classname').datepicker(type.format);

赞(0）回复(0）举报 2022-12-25

xdnvmnnf4#

我通过编辑bootstrap文件-datapicker.js解决了这个问题。
在文件中查找以下文本并编辑变量“格式：“

var defaults = $.fn.datepicker.defaults = {
    assumeNearbyYear: false,
    autoclose: false,
    beforeShowDay: $.noop,
    beforeShowMonth: $.noop,
    beforeShowYear: $.noop,
    beforeShowDecade: $.noop,
    beforeShowCentury: $.noop,
    calendarWeeks: false,
    clearBtn: false,
    toggleActive: false,
    daysOfWeekDisabled: [],
    daysOfWeekHighlighted: [],
    datesDisabled: [],
    endDate: Infinity,
    forceParse: true,
    format: 'dd/mm/yyyy',
    keyboardNavigation: true,
    language: 'en',
    minViewMode: 0,
    maxViewMode: 4,
    multidate: false,
    multidateSeparator: ',',
    orientation: "auto",
    rtl: false,
    startDate: -Infinity,
    startView: 0,
    todayBtn: false,
    todayHighlight: false,
    weekStart: 0,
    disableTouchKeyboard: false,
    enableOnReadonly: true,
    showOnFocus: true,
    zIndexOffset: 10,
    container: 'body',
    immediateUpdates: false,
    title: '',
    templates: {
        leftArrow: '&laquo;',
        rightArrow: '&raquo;'
    }
};

赞(0）回复(0）举报 2022-12-25

我来回答

Bootstrap-DatePicker的自定义日期格式

4条答案

相关问题

热门标签

最新问答