Sets/Gets ability to prevent null value.
If that option is false, and editor has no value, then value is set to an empty string.

 
        //Initialize
        $(".selector").igDatePicker({
          allowNullValue: true
        });
 
        //Get
        var allowNullValue = $(".selector").igDatePicker("option", "allowNullValue");
 
        //Set
        $(".selector").igDatePicker("option", "allowNullValue", true);
      

Gets visibility of spin, clear and drop-down button. That option can be set only on initialization. Combinations like 'dropdown,clear' or 'dropdownclear' are supported too.

 
      //Initialize
          $(".selector").igDatePicker({
              buttonType : "clear"
          });

          //Get
          var buttonType = $(".selector").igDatePicker("option", "buttonType");

          //Set
          $(".selector").igDatePicker("option", "buttonType", "clear");  
    

Gets/Sets year for auto detection of 20th and 21st centuries.
That option is used to automatically fill century when the user entered only 1 or 2 digits into the year field or when the date pattern contains only 1 or 2 year positions, e.g. "yy" or "y".
If user entered value larger than value of this option, then 20th century is used, otherwise the 21st.

 //Initialize
        $(".selector").igDatePicker({
            centuryThreshold: 35
        });
        
        //Get
        var centuryThreshold = $(".selector").igDatePicker("option", "centuryThreshold");
        
        //Set
        $(".selector").igDatePicker("option", "centuryThreshold", 35); 

Gets type of value returned by the get of value() method. That also affects functionality of the set value(val) method and the copy/paste operations of browser. Note: that is used as default.

 
        //Initialize
        $(".selector").igDatePicker({
            dataMode: "editModeText"
        });
        
        //Get
        var dataMode = $(".selector").igDatePicker("option", "dataMode");
        
        //Set
        $(".selector").igDatePicker("option", "dataMode", "displayModeText");
      

Gets/Sets format of date while editor has no focus.
Value of that option can be set to a specific date pattern or to a flag defined by regional settings.
If value is not set, then the dateInputFormat is used automatically.
If value is set to explicit date pattern and pattern besides date-flags has explicit characters which match with date-flags or mask-flags, then the "escape" character should be used in front of them.
List of predefined regional flags:
"date": the datePattern member of regional option is used
"dateLong": the dateLongPattern member of regional option is used
"time": the timePattern member of regional option is used
"timeLong": the timeLongPattern member of regional option is used
"dateTime": the dateTimePattern member of regional option is used
List of explicit characters, which should have escape \\ character in front of them:
C, &, a, A, ?, L, 9, 0, #, >, <, y, M, d, h, H, m, s, t, f.
List of date-flags when explicit date pattern is used:
"y": year field without century and without leading zero
"yy": year field without century and with leading zero
"yyyy": year field with leading zeros
"M": month field as digit without leading zero
"MM": month field as digit with leading zero
"MMM": month field as short month name
"MMMM": month field as long month name
"d": day of month field without leading zero
"dd": day of month field with leading zero
"ddd": day of the week as short name
"dddd": day of the week as long name
"t": first character of string which represents AM/PM field
"tt": 2 characters of string which represents AM/PM field
"h": hours field in 12-hours format without leading zero
"hh": hours field in 12-hours format with leading zero
"H": hours field in 24-hours format without leading zero
"HH": hours field in 24-hours format with leading zero
"m": minutes field without leading zero
"mm": minutes field with leading zero
"s": seconds field without leading zero
"ss": seconds field with leading zero
"f": milliseconds field in hundreds
"ff": milliseconds field in tenths
"fff": milliseconds field.

 
        //Initialize
        $(".selector").igDatePicker({
            dateDisplayFormat: "dateLong"
        });
        
        //Get
        var dateDisplayFormat = $(".selector").igDatePicker("option", "dateDisplayFormat");
        
        //Set
        $(".selector").igDatePicker("option", "dateDisplayFormat", "dateLong");
      

Gets format of date while editor has focus.
Value of that option can be set to explicit date pattern or to a flag defined by regional settings.
If value is set to explicit date pattern and pattern besides date-flags has explicit characters which match with date-flags or mask-flags, then the "escape" character should be used in front of them.
If option is not set, then the "date" is used automatically.
List of predefined regional flags:
"date": the datePattern member of regional option is used
"dateLong": the dateLongPattern member of regional option is used
"time": the timePattern member of regional option is used
"timeLong": the timeLongPattern member of regional option is used
"dateTime": the dateTimePattern member of regional option is used
List of explicit characters, which should have escape \\ character in front of them: C, &, a, A, ?, L, 9, 0, #, >, <, y, M, d, h, H, m, s, t, f.
List of date-flags when explicit date pattern is used:
"yy": year field without century and with leading zero
"yyyy": year field with leading zeros
"MM": month field as digit with leading zero
"dd": day of month field with leading zero
"t": first character of string which represents AM/PM field
"tt": 2 characters of string which represents AM/PM field
"hh": hours field in 12-hours format with leading zero
"HH": hours field in 24-hours format with leading zero
"mm": minutes field with leading zero
"ss": seconds field with leading zero
"f": milliseconds field in hundreds
"ff": milliseconds field in tenths
"fff": milliseconds field
Note! This option can not be set runtime.

 
        //Initialize
        $(".selector").igDatePicker({
            dateInputFormat : "dateLong"
        });
        
        //Get
        var dateInputFormat = $(".selector").igDatePicker("option", "dateInputFormat");
        
        //Set
        $(".selector").igDatePicker("option", "dateInputFormat", "dateLong");
      

Gets/Sets options supported by the jquery.ui.datepicker. Only options related to drop-down calendar are supported.

 
        //Initialize
        $(".selector").igDatePicker({
            datepickerOptions: {minDate : new Date(2015, 9, 17), maxDate : new Date(2015, 9, 30) }
        });
        
        //Get
        var datepickerOptions = $(".selector").igDatePicker("option", "datepickerOptions");
      

Gets/Sets the disabled attribute.Does not allow editing. Disables all the buttons and iteracitons applied. On submit the current value is not sent into the request.

 
        //Initialize
        $(".selector").igDatePicker({
            disabled : true
        });
        
        //Get
        var disabled = $(".selector").igDatePicker("option", "disabled");
        
        //Set
        $(".selector").igDatePicker("option", "disabled", true);
      

Gets/Sets formatting of the dates as UTC.
That option is supported only when dataMode option is 'date' and Date objects are used to get/set value of editor.
Notes:
That option affects only functionality of get/set value method and the Date-value, which was set on initialization.
When application uses the set-value, then internal Date-value and displayed-text is incremented by TimezoneOffset.
When application uses the get-value, then editor returns internal Date-value decremented by TimezoneOffset.
When that option is modified after initialization, then displayed text and internal Date-value are not affected.
It is not recommended to change that option without resetting Date-value.

 
        //Initialize
        $(".selector").igDatePicker({
            enableUTCDates : true
        });
 
        //Get
        var enableUTCDates = $(".selector").igDatePicker("option", "enableUTCDates");
 
        //Set
        $(".selector").igDatePicker("option", "enableUTCDates", true); 
      

Gets ability to prevent entering specific characters from keyboard or on paste.
Notes:
If a character is specified in "includeKeys" option also, then "excludeKeys" has priority.
Note! This option can not be se runtime.

 
        //Initialize
          $(".selector").igDatePicker({
              excludeKeys : "2, 4"
          });
 
          //Get
          var excludeKeys = $(".selector").igDatePicker("option", "excludeKeys");
 
          //Set
          $(".selector").igDatePicker("option", "excludeKeys", "2, 4"); 
      

Gets/Sets how the height of the control can be set.

 
      //Initialize
        $(".selector").igDatePicker({
            height : 25
        });
 
        //Get
        var height = $(".selector").igDatePicker("option", "height");
 
        //Set
        $(".selector").igDatePicker("option", "height", 25);  
    

Gets ability to enter only specific characters in input-field from keyboard and on paste.
Notes:
If "excludeKeys" option contains same characters as this option, then "excludeKeys" has priority.
Note! This option can not be se runtime.

 
        //Initialize
          $(".selector").igDatePicker({
              includeKeys : "1, 3, 5, 7, 9"
          });
 
          //Get
          var includeKeys = $(".selector").igDatePicker("option", "includeKeys");
 
          //Set
          $(".selector").igDatePicker("option", "includeKeys", "1, 3, 5, 7, 9");
      

Sets the name attribute of the value input. This input is used to sent the value to the server. In case the target element is input and it has name attribute, but the developer has set the inputName option, so this option overwrites the value input and removes the attribute from the element.

 
        //Initialize 
        $(".selector").igDatePicker({     
            inputName : "textField"
        });  
 
        //Get 
        var inputName = $(".selector").igDatePicker("option", "inputName");  
 
        //Set 
        $(".selector").igDatePicker("option", "inputName", "textField");
      

Gets/Sets ability to modify only 1 date field on spin events.
Value false enables changes of other date fields when incremented or decremented date-field reaches its limits.
Value true modifies only value of one field.

Gets/Sets strings used for title of buttons. Value of object should contain pairs or key:value members. Note: any sub-option of locale can appear within the main option of igEditor. In this case those values within main options will have highest priority and override corresponding value in locale.

 
        //Initialize
        $(".selector").igDatePicker({
            locale : "th"
        });
 
        //Get
        var locale = $(".selector").igDatePicker("option", "locale");
 
        //Set
        $(".selector").igDatePicker("option", "locale", "th");
      

Gets/Sets maximum length of text which can be entered by user.
Negative values or 0 disables that behavior.

Gets the maximum value which can be entered in editor by user. Date object can be set as value. String value can be passed and the editor will use the javascript Date object constructor to create date object and will use it for the comparison. MVC date format can be used too. For example Date(/"thicks"/).
Note! This option doesn't use the displayInputFormat to extract the date.
Note! This option can not be set runtime.

 
        //Initialize
        $(".selector").igDatePicker({
            maxValue: new Date(2020, 11, 21)
        });
   
        //Get
        var maxValue = $(".selector").igDatePicker("option", "maxValue");
      

Gets the minimum value which can be entered in editor by user. Date object can be set as value. String value can be passed and the editor will use the javascript Date object constructor to create date object and will use it for the comparison. MVC date format can be used too. For example Date(/"thicks"/).
Note! This option doesn't use the displayInputFormat to extract the date.
Note! This option can not be set runtime.

 
        //Initialize
        $(".selector").igDatePicker({
            minValue: new Date(1980, 6, 1)
        });
   
        //Get
        var minValue = $(".selector").igDatePicker("option", "minValue");
         

Sets/Gets the representation of null value. In case of default the value for the input is set to null, which makes the input to hold an empty string.

Gets/Sets text which appears in editor when editor has no focus and "value" in editor is null or empty string.

 
        //Initialize
        $(".selector").igDatePicker({
            placeHolder: "Enter date"
        });
   
        //Get
        var placeHolder = $(".selector").igDatePicker("option", "placeHolder");
   
        //Set
        $(".selector").igDatePicker("option", "placeHolder", "Enter date");
      

Sets the ability of the editor to prevent form submition on enter key pressed.

 
        //Initialize
        $(".selector").igDatePicker({
            preventSubmitOnEnter: true
        });
   
        //Get
        var preventSubmitOnEnter = $(".selector").igDatePicker("option", "preventSubmitOnEnter");
   
        //Set
        $(".selector").igDatePicker("option", "preventSubmitOnEnter", true);
      

Gets/Sets the readonly attribute.Does not allow editing. Disables all the buttons and iteracitons applied. On submit the current value is sent into the request.

 
        `//Initialize
        $(".selector").igDatePicker({
            readOnly : true
        });
 
        //Get
        var readOnly = $(".selector").igDatePicker("option", "readOnly");
 
        //Set
        $(".selector").igDatePicker("option", "readOnly", true);
      

Gets/Sets custom regional settings for editor. If it is string, then $.ig.regional[stringValue] is assumed.

 
        //Initialize
        $(".selector").igDatePicker({
            regional: "en-US"
        });
 
        //Get
        var regional = $(".selector").igDatePicker("option", "regional");
 
        //Set
        $(".selector").igDatePicker("option", "regional", "en-US");
      

Sets the editor to revert value to previous value in case of not valid value on blur, or enter key. If set to false clear is called.

 
        //Initialize
        $(".selector").igDatePicker({
            revertIfNotValid : false
        });
 
        //Get
        var revertIfNotValid = $(".selector").igDatePicker("option", "revertIfNotValid");
 
        //Set
        $(".selector").igDatePicker("option", "revertIfNotValid", false);
      

Set the action when the editor gets focused. The default value is selectAll.

 
        //Initialize
        $(".selector").igDatePicker({
            selectionOnFocus: "atStart"
        });
 
        //Get
        var selectionOnFocus= $(".selector").igDatePicker("option", "selectionOnFocus");
 
        //Set
        $(".selector").igDatePicker("option", "selectionOnFocus", "atStart");
      

Gets/Sets delta-value which is used to increment or decrement value in editor on spin events. If value is set to negative value an exception is thrown. Non integer value is supported only for dataMode double and float.

Gets/Sets ability to automatically change the hoverd item into the opened dropdown list to its oposide side. When last item is reached and the spin down is clicked the first item gets hovered and vice versa.

Disables default notifications for basic validation scenarios built in the editors such as required list selection, value wrapping around or spin limits.

 
        //Initialize
        $(".selector").igDatePicker({
            suppressNotifications : true
        });
 
        //Get
        var suppressNotifications = $(".selector").igDatePicker("option", "suppressNotifications");
 
        //Set
        $(".selector").igDatePicker("option", "suppressNotifications", true);
      

Gets/Sets value in tabIndex for editor.

 
        //Initialize
        $(".selector").igDatePicker({
            tabIndex : 3
        });
 
        //Get
        var tabIndex = $(".selector").igDatePicker("option", "tabIndex");
 
        //Set
        $(".selector").igDatePicker("option", "tabIndex", 3);
      

Gets/Sets horizontal alignment of text in editor. If that option is not set, then 'right' is used for 'numeric', 'currency' and 'percent' editors and the 'left' is used for all other types of editor.

 
        //Initialize
        $(".selector").igDatePicker({
            textAlign : "center"
        });
 
        //Get
        var textAlign = $(".selector").igDatePicker("option", "textAlign");
 
        //Set
        $(".selector").igDatePicker("option", "textAlign", "center");
      

Sets/Gets options supported by the igValidator widget.
Note: Validation rules of igValidator, such as min and max value/length are applied separately triggering errors,
while similar options of the editor work to prevent wrong values from being entered.

 
        /Initialize
      $(".selector").igDatePicker({
          validatorOptions : {
              onblur: true,         
              errorMessage: "Error!"
          }
      });
 
      //Get
      var validatorOptions = $(".selector").igDatePicker("option", "validatorOptions");
 
      //Set
      $(".selector").igDatePicker("option", "validatorOptions", {onblur: true, errorMessage: "Error!"});
      

Gets/Sets value in editor. Date object can be set as value. String value can be passed and the editor will use the javascript Date object constructor to create date object and will use it as value. MVC date format can be used too. For example Date(/"thicks"/).
Note! This option doesn't use the displayInputFormat to extract the date.

 
        //Initialize
        $(".selector").igDatePicker({
            value : new Date (2015, 11, 11)
        });
 
        //Get
        var value = $(".selector").igDatePicker("option", "value");
 
        //Set
        $(".selector").igDatePicker("option", "value", new Date (2015, 11, 11));
      

Gets/Sets how the width of the control can be set.

 
        //Initialize
        $(".selector").igDatePicker({
            width : 200
        });
 
        //Get
        var width = $(".selector").igDatePicker("option", "width");
 
        //Set
        $(".selector").igDatePicker("option", "width", 200);
      

Gets/Sets difference between year in Gregorian calendar and displayed year.

 
        //Initialize
        $(".selector").igDatePicker({
            yearShift : 4500
        });
 
        //Get
        var yearShift = $(".selector").igDatePicker("option", "yearShift");
 
        //Set
        $(".selector").igDatePicker("option", "yearShift", 4500);