使用Vue寫一個datepicker的示例-創(chuàng)新互聯(lián)

前言

寫插件是很有意思，也很鍛煉人，因為這個過程中能發(fā)現(xiàn)許多的細節(jié)問題。在前端發(fā)展的過程中，jQuery無疑是一個重要的里程碑，圍繞著這個優(yōu)秀項目也出現(xiàn)了很多優(yōu)秀的插件可以直接使用，大大節(jié)省了開發(fā)者們的時間。jQuery最重要的作用是跨瀏覽器，而現(xiàn)在瀏覽器市場雖不完美，但已遠沒有從前那么慘，數(shù)據(jù)驅(qū)動視圖的思想倍受歡迎，大家開始使用前端框架取代jQuery，我個人比較喜歡Vue.js，所以想試著用Vue.js寫一個組件出來。

專業(yè)領域包括成都網(wǎng)站設計、網(wǎng)站制作、商城網(wǎng)站建設、微信營銷、系統(tǒng)平臺開發(fā)， 與其他網(wǎng)站設計及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結合了幫做網(wǎng)絡品牌建設經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

為了發(fā)布到npm上，所以給項目地址改名字了，但是內(nèi)部代碼沒有改，使用方法比之前方便。

GitHub地址: Here

功能&期望

這個datepicker目前僅實現(xiàn)了一些常用的功能：

  1. 選擇時間(這話說得有點多余)
  2. 大/最小時間限制
  3. 中/英文切換(其實也就星期和月份需要切換)
  4. 可以以.vue形式使用，也可在瀏覽器環(huán)境中直接使用
  5. 沒了。。。

目錄結構

萬事的第一步依然是創(chuàng)建項目，只是單一組件，結構并不復雜，Datepicker.vue是最重要的組件文件，dist是webpack的輸出文件夾，index.js是webpack打包的入口文件，最后是webpack的配置文件，用來對我們的庫文件進行打包用的。因此項目結構就是這樣：

.
├── Datepicker.vue
├── LICENSE
├── README.md
├── dist
│ └── vue-datepicker.js
├── index.js
├── package.json
└── webpack.config.js

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站欄目：使用Vue寫一個datepicker的示例-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://muchs.cn/article4/dpseoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站導航、企業(yè)建站、服務器托管、關鍵詞優(yōu)化、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)