[分享]laravel安裝vue-datepicker-local日曆美化套件

原本想使用jquery UI的Datepicker,但是大大說既然都include vue了,就盡量用vue就好,官網寫安裝很簡單,因為是在純html環境下,如果再laravel要使用,還真碰了些釘子,因此趁還有記憶趕快筆記一下。


先看一下官網範例圖

安裝方法
1. 在laravel根目錄,會自動產生一個 node_modules 目錄

npm install vue-datepicker-local
  1. 修改 laravel/webpack.mix.js
let mix = require('laravel-mix');
mix.setPublicPath('public/');
mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .copy('node_modules/vue-datepicker-local/dist/vue-datepicker-local.css','public/css')
  1. 接著跑一下
npm run watch-poll
  1. 建立一個 blade 模板,範例如下



    
    Title


這樣就產生結果了美化日曆了

更多官方範例

https://weifeiyue.github.io/vue-datepicker-local/