如何更改CSS在输入控件上定义的日期选择器

时间:2018-10-18 14:04:50

标签: javascript jquery-ui

我有一个日期选择器控件,该控件使用CSS在输入控件上添加,该输入控件在运行时动态添加。 HTML看起来像这样:

<input name="date1" class="date-picker input-medium" type="text" value="2018-10-18" data-date-format="yyyy-mm-dd">

我想更改此日期选择器控件上的格式,但是我很难弄清楚该怎么做。在生成HTML之后,下面的Javascript将运行:

    $('.date-picker').datepicker({
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    calendarWeeks:true,
    clearBtn: true,
    });

我希望上面的代码可以更改它,我添加了一些非默认选项只是为了验证它是否已更改,但看起来就像默认版本一样。

您知道如何更改输入控件上日期选择器的格式吗?我可以确定它是否更改了页面上的所有日期选择器,或者它仅特定于此一个日期选择器,并且可以将其应用于所有日期选择器(如果有多个,则可能会发生)。

也许我将其与我的javascript混淆了,因为似乎有jquery日期选择器和Bootstrap日期选择器,并且我不清楚它们是否实际上是相同的日期选择器,所以也许我需要做一些不同的事情。

1 个答案:

答案 0 :(得分:0)

这不是理想的解决方案,但是我在bootstrap-datapicker.js中更改了JavaScript,因此它根据在构造函数中使用当前站点区域设置设置的变量设置语言。我可以对格式进行相同的操作(实际上我真的只是想更改语言,但是对于第一篇文章来说,仅询问更改格式就更容易了。)

{{1}}

还要注意,虽然有人(不是我!)在我上面粘贴的代码中更改了日期选择器的值,但这是使用jquery UI datepicker更改值的方法,但是CSS类实际上是在应用引导日期选择器。