移動端仿ios日曆外掛

要做前端的一股清流發表於2017-06-03
iOS

外掛庫有很多日曆外掛，但是覺得還是ios自帶的樣式看著順眼一些，這裡分享一個程式碼程式碼及其簡潔的日曆外掛。

直接貼程式碼啦。


一、效果：     


二、程式碼：

<body>
點選輸入框觸發
<input id="demo1">
<script>
    var calendar = new datePicker();
    calendar.init({
        'trigger': '#demo1', /*按鈕選擇器，用於觸發彈出外掛*/
        'type': 'date',/*模式：date日期；datetime日期時間；time時間；ym年月；*/
        'minDate':'1900-1-1',/*最小日期*/
        'maxDate':'2100-12-31',/*最大日期*/
        'onSubmit':function(){/*確認時觸發事件*/
            var theSelectData=calendar.value;
        },
        'onClose':function(){/*取消時觸發事件*/
        }
    });/*這裡需要下載一個js包在頭部匯入即可執行。已經放到我的github上了。
地址：https://github.com/TroubleSeven/app-calendarPlugin*/
</script>

相關文章