Air Date Picker不是英文的

时间:2018-01-01 21:19:20

标签: javascript datepicker

我正在使用Air Date Picker而我的日历并没有使用英语。我按照文档并包含了datepicker.en.js并进行了检查,我可以看到它在我的页面源中。

但是我把datepicker放在bootstrap模式中,我想知道是否会导致它以一种奇怪的文本格式出现。

enter image description here

<div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-body">
            <div id="calendarfilters">
                <div class="row">
                    <div class="col-md-6">
                        <div class="datepicker-here" data-language='en'></div>
                        <hr>
                        <div class="col-md-6">
                            <p class="calendar-filter">Today</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">This Week</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">Yesterday</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">Last Week</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="datepicker-here" data-language='en'></div>
                        <hr>
                        <div class="col-md-6">
                            <p class="calendar-filter">This Month</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">This Year</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">Last Month</p>
                        </div>
                        <div class="col-md-6">
                            <p class="calendar-filter">Last Year</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

JS

;(function ($) { $.fn.datepicker.language['en'] = {
days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
months: ['January','February','March','April','May','June', 'July','August','September','October','November','December'],
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
today: 'Today',
clear: 'Clear',
dateFormat: 'mm/dd/yyyy',
timeFormat: 'hh:ii aa',
firstDay: 0
}; })(jQuery);

1 个答案:

答案 0 :(得分:0)

尝试一下

$('。datepicker-here')。datepicker({    autoClose:是的,    语言:“ en” })