Wijmo UI for the Web
pickers Option

Type: wijmo.input.DatePickersClass

An object contains the settings for the dropdown list.

Syntax
Javascript (Usage) 
$(function () {
    
    // Get value
    var returnsValue; // Type:  wijmo.input.DatePickersClass
    returnsValue = $(".selector").wijinputdate("option", "pickers");
    
    // Set value
    var newValue; // Type:  wijmo.input.DatePickersClass
    $(".selector").wijinputdate("option", "pickers", newValue);
        
});
Javascript (Specification) 
var pickers : DatePickersClass;
Example
//  The following code show the dropdown calendar, dropdown list, 
//  and set the dorpdown window's width to 100px, height to 30px;
$(".selector").wijinputdate({
    pickers: {
        calendar: {},
        list: [{ label: 'item1', value: 1 }],
        width: 100,
        height: 30
    }
});
// The following code show the dropdown date picker and dropdown time picker,
// also it sets the time picker's format ot "hh hh:mm".
$(".selector").wijinputdate({
    pickers: {
        datePicker: {},
        timePicker: { format: "tt hh:mm" }
    }
});
// The following code shows the drpdown date picker and dropdown time picker.
// also it sets the date picker's format to "yyyy/MMMM/dd".
$(".selector").wijinputdate({
    pickers: {
        datePicker: { format: "yyyy/MMMM/dd" },
        timePicker: {}
    }
});
Browser Compatibility
7
5
5

See Also

Reference

options type
wijinputdate jQuery Widget

 

 


© 2013 All Rights Reserved.

Send comments on this topic.