Infragistics｜Ignite UI for jQuery｜igGrid：設定編輯 datePicker 的選項

在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);
              }
            }
          }
        }
      ]
    }
  ]
})