JQuery UI Datepicker時間控件的基本用法

綁定

$("#iptStartDate" ).datepicker({
            showButtonPanel:true,
            showOn: "button",
            buttonImage: "common/easyUI/themes/black/images/datebox_arrow.png",
            buttonImageOnly: true
        });

綁定中設置了按鈕圖片，並且只有點擊按鈕圖片之後纔會彈出時間控件，如果要設置輸入框和按鈕圖片保持高度和寬度，使用如下代碼：

.divStartTime .divStartDate input[type="text"]
{
    float: left;
    width: 140px;
    height: 16px;
    border : 0;
    cursor: pointer;
    padding-left: 2px;
    margin-top: -1px;
}

操作

1、設置時間

$('#iptStartDate').datepicker('setDate', new Date());

2、獲取時間

    var strStartDate = $('#iptStartDate').datepicker({ dateFormat: 'yy-mm-dd' }).val();

注好運