文章分類/

Infragistics|Ignite UI for jQuery|igGrid:設定編輯 datePicker 的選項

112 瀏覽人次
2023-12-01 更新

infragistics log

在igGrid中,透過為editorType指定datePicker,您可以使用jQuery UI的datePicker作為日期列編輯器。編輯儲存格時會顯示此 datePicker,但有時您可能想要為 datePicker 設定選項。在這種情況下,您可以在 editorOptions > datepickerOptions 中為 datePicker 設定各種選項。

下面的範例是處理當 datePicker 上的選取日期變更時發生的 onSelect 事件的範例。

$("#grid").igGrid({   ...   columns: [     ...     {       headerText: "登録日",       key: "RegisteredDate",       dataType: "date",       width: "120px",       format: "date",     },     ...   ],   features: [     {       name: "Updating",       editMode: "cell",       enableDeleteRow: false,       enableAddRow: false,       columnSettings: [         {           columnKey: "RegisteredDate",           editorType: "datepicker",           editorOptions: {             datepickerOptions: {               onSelect: function (dateText) {                 console.log("選択された日: " + dateText);               }             }           }         }       ]     }   ] }) 

快速跳轉目錄

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴,歡迎諮詢你需要的軟體服務!

Picture of 軟體專家
軟體專家

群昱作為全球知名軟體推薦合作夥伴,致力於提供更多軟體解決方案給你!

更多軟體新知

立即詢價

請留下完整資訊,以便我們提供精確的服務內容給你。

詢價資訊