datePicker 禁止可选日期
Posted mr-cui
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datePicker 禁止可选日期相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>iview example</title> <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css"> <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script> <script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script> </head> <body> <div id="app"> <date-picker type="date" :options="options3" placeholder="Select date" style="width: 200px"></date-picker> </div> <script> /** 当前日期前面的时间不可选,后面七天后的日期不可选 */ new Vue({ el: ‘#app‘, data: { options3: { disabledDate (date) { console.log(date) console.log(date.valueOf()) console.log(Date.now()) return date&&date.valueOf() > Date.now() + 86400000*7 || date.valueOf() < Date.now() - 86400000; } }, }, methods: { } }) </script> </body> </html>
以上是关于datePicker 禁止可选日期的主要内容,如果未能解决你的问题,请参考以下文章
如何从我的 DatePicker 片段中传输格式化的日期字符串?
如何限制 Bootstrap Datepicker 中的可选日期范围?
更改 Bootstrap Datepicker 日期范围的可选范围