移動端網頁輕量級日期控制項LCalenda

2021-09-02 13:09:37 字數 894 閱讀 9677

移動端網頁輕量級日期控制項lcalenda

(所用專案:9dian9/aicc-dianxin)

這裡僅記錄一下在vue-cli裡的使用:

>

type

="text"

name

="start_date"

id="start_date"

placeholder

="開始日期"

readonly

="readonly"

v-model

="createtimebegin"

/>

type

="text"

name

="end_date"

id="end_date"

placeholder

="結束日期"

readonly

="readonly"

v-model

="createtimeend"

/>

template

>

>

import

'@/css/lcalendar.min.css'

import

'@/utils/lcalendar.min.js'

export

default},

mounted()

, methods:);

var calendar =

newlcalendar()

; calendar.

init()

;},}

}script

>

這樣每次在改變了日期後,查詢時可以通過this.createtimebegin和this.createtimeend獲取選擇的日期進行後續操作。

輕量級的日期外掛程式 datebox

jquery的日期外掛程式有好幾款,h5中的input也可以自帶日期選擇。但為什麼要再寫乙個,有兩個理由,乙個是引用的檔案太大,而有時候只需要很簡單的功能,二個是想加一些自定義的效果不好改。我寫的這個功能比較簡單,可以換月,有預約效果,可以設定預約日期範圍,壓縮後1.4kb,先上個圖,再慢慢解釋 c...

Nutui 移動端輕量級Vue元件庫自己上手操作

跟著官文走了下還是採坑了,應該是自己的問題,記錄下來這個實踐過程 nutui 是一套京東風格的移動端元件庫,開發和服務於移動web介面的企業級前中後台產品。雖然是基於京東的業務累計生成的ui庫,但是由於移動端的視覺規範和互動效果大體類似,且這個元件庫可以很好地做到按需引入,並不會引起資源浪費。目前,...

輕量級的移動 webapp 框架Jingle

一大早爬起來,發現這樣的乙個東東,國產,感覺實用性很強,試著用用。1.28補記 試著用jingle做了乙個 的移動版,感覺如果在布局上要求不高的話 目前支援的布局只有list,還是挺不錯,做東西很快。忽然想到這可能也是一種心法,少即是多。當我心中設想著很多複雜效果時,發現沒有可用的工具 但一旦我確定...