獲取DatePicker值中的問題VueJS

我正在使用vue-hotel-datepicker組件date.Its工作正常，但問題是越來越價值時日期已更改我希望日期對象在js代碼，以便我可以做一些work.Any建議並幫助將不勝感激獲取DatePicker值中的問題VueJS

https://github.com/krystalcampioni/vue-hotel-datepicker#i18n

這裏是我的代碼

VUE

<DatePicker DatePickerID="DatePickerID3" 
      :disabledDaysOfWeek="['Monday']" 
      :value="date" placeholder="RentalDays" 
      :hoveringTooltip="false" 
      :endDate="new Date(2017, 9, 5)" 
      />

<script> 
import Datepicker from 'vuejs-datepicker'; 
import HotelDatePicker from 'vue-hotel-datepicker' 

export default { 

    data() { 
     return { 
      // date: new Date(2016, 9, 16) 
      date: '', 
      cdate: "", 
      RentalDays: "Rent-in ► Rent-out", 
      startdate:"" 

     } 


    }, 
    created() { 
     console.log("DATE",this.date); 
    } 
    , 
    components: { 
     'DatePicker': HotelDatePicker, 
    }, 
    methods: { 
     getDate(date) { 

      console.log("current date", date); 
     } 


    }, 
    watch: { 
     value: function() { 
      console.log("DATE Value"); 
     } 
    } 





} 



</script>

來源

2017-08-08 Wasiq Muhammad

組件與事件通信。您的日期選擇器會發出一個dateChanged事件，因此您需要在調用組件的標記中使用v-on:dateChanged="getDate"。所以...

<DatePicker DatePickerID="DatePickerID3" 
     :disabledDaysOfWeek="['Monday']" 
     :value="date" placeholder="RentalDays" 
     :hoveringTooltip="false" 
     :endDate="new Date(2017, 9, 5)" 
     v-on:dateChanged="getDate" 
     />

來源

2017-08-08 07:47:06 bbsimonbb

謝謝，是的，我已經綁定了錯誤的速記，然後刪除它。它的作品它以這種格式返回當前日期2017-08-18►2017-08-26。我如何以正確的格式製作 –

啊，這是一個完全不同的故事！ Javascript日期格式[是一個專家主題]（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date）！ – bbsimonbb

是從myside中工作的語法錯誤，會有任何過濾器，使其以適當的格式 –

獲取DatePicker值中的問題VueJS

回答

相關問題