簡體   English   中英

如何更改CSS在輸入控件上定義的日期選擇器

[英]How to change date-picker defined by CSS on input control

我有一個日期選擇控件,正在使用CSS在運行時動態添加的輸入控件上添加日期選擇控件。 HTML看起來像這樣:

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

我想更改此日期選擇器控件上的格式,但是我很難弄清楚該如何做。 下面的Javascript在生成HTML之后運行:

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

我希望上面的代碼可以更改它,我添加了一些非默認選項只是為了驗證它是否已更改,但它看起來像默認版本。

知道如何更改輸入控件上日期選擇器的格式嗎? 我可以確定它是否更改了頁面上的所有日期選擇器,或者它僅特定於此一個日期選擇器,並且可以將其應用於所有日期選擇器(如果有多個,則可能會發生)。

也許我將其與我的javascript混淆了,因為似乎有jquery日期選擇器和Bootstrap日期選擇器,並且我不清楚它們是否實際上都是相同的日期選擇器,所以也許我需要做一些不同的事情。

這不是理想的解決方案,但是我在bootstrap-datapicker.js中更改了JavaScript,因此它根據我在構造函數中使用當前站點區域設置設置的變量設置語言。 我可以對格式化進行相同的操作(實際上我實際上只是想更改語言,但第一篇文章認為,僅詢問更改格式會更容易)。

options.language = cultureName;

還要注意,雖然有人(不是我!)在我上面粘貼的代碼中更改了日期選擇器的值,但這是使用jquery UI datepicker更改值的方法,但是CSS類實際上是在應用bootstrap datepicker。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM