47.js 5.8 KB

12
  1. /*! NutUI v1.2.8 Wed Jun 27 2018 20:09:26 GMT+0800 (CST) */
  2. webpackJsonpnutui([47],{1101:function(t,n,e){(t.exports=e(1)()).push([t.i,"",""])},1206:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",[e("nut-docheader",{attrs:{name:t.$route.name,chName:t.$route.params.chnName,type:"Component",desc:"日期弹窗选择组件。",showQrCode:!0}}),t._v(" "),e("h5",[t._v("示例")]),t._v(" "),e("h6",[t._v("默认不选择日期")]),t._v(" "),e("nut-codebox",{attrs:{code:t.demo1,imgUrl:["../asset/img/demo/datepicker1.png"]}}),t._v(" "),e("nut-codebox",{attrs:{code:t.demo11}}),t._v(" "),e("h6",[t._v("有默认选择日期和设定了开始结束日期范围")]),t._v(" "),e("nut-codebox",{attrs:{code:t.demo2,imgUrl:["../asset/img/demo/datepicker2.png"]}}),t._v(" "),e("nut-codebox",{attrs:{code:t.demo21}}),t._v(" "),e("h6",[t._v("默认不选择日期, 不存在确认取消按钮")]),t._v(" "),e("nut-codebox",{attrs:{code:t.demo3,imgUrl:["../asset/img/demo/datepicker3.png"]}}),t._v(" "),e("nut-codebox",{attrs:{code:t.demo31}}),t._v(" "),e("h5",[t._v("Props")]),t._v(" "),t._m(0),t._v(" "),e("h5",[t._v("Events")]),t._v(" "),t._m(1)],1)},staticRenderFns:[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"tbl-wrapper"},[e("table",{staticClass:"u-full-width"},[e("thead",[e("tr",[e("th",[t._v("参数")]),t._v(" "),e("th",[t._v("说明")]),t._v(" "),e("th",[t._v("类型")]),t._v(" "),e("th",[t._v("默认值")]),t._v(" "),e("th",[t._v("可选值")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("isFold")]),t._v(" "),e("td",[t._v("是否默认展开日历")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("false")]),t._v(" "),e("td",[t._v("true/false")])]),t._v(" "),e("tr",[e("td",[t._v("isConfirmBtn")]),t._v(" "),e("td",[t._v("是否有确认取消按钮面板")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true")]),t._v(" "),e("td",[t._v("true/false")])]),t._v(" "),e("tr",[e("td",[t._v("dateParams")]),t._v(" "),e("td",[t._v("传入日历规则参数")]),t._v(" "),e("td",[t._v("Object")]),t._v(" "),e("td",[t._v("--")]),t._v(" "),e("td",[t._v("--")])]),t._v(" "),e("tr",[e("td",[t._v("dateParams.maxDate")]),t._v(" "),e("td",[t._v("可指定结束日期")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("null")]),t._v(" "),e("td",[t._v("yyyy-mm-dd")])]),t._v(" "),e("tr",[e("td",[t._v("dateParams.curDate")]),t._v(" "),e("td",[t._v("指定默认选择日期,小于开始日期会修改开始日期")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("null")]),t._v(" "),e("td",[t._v("yyyy-mm-dd")])]),t._v(" "),e("tr",[e("td",[t._v("dateParams.minDate")]),t._v(" "),e("td",[t._v("可指定开始日期")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("null")]),t._v(" "),e("td",[t._v("yyyy-mm-dd")])])])])])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"tbl-wrapper"},[e("table",{staticClass:"u-full-width"},[e("thead",[e("tr",[e("th",[t._v("事件名")]),t._v(" "),e("th",[t._v("说明")]),t._v(" "),e("th",[t._v("回调参数")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("confirm")]),t._v(" "),e("td",[t._v("点击确认按钮时触发或无按钮面板时选中日期触发")]),t._v(" "),e("td",[t._v("--")])]),t._v(" "),e("tr",[e("td",[t._v("cancel")]),t._v(" "),e("td",[t._v("点击取消按钮时触发")]),t._v(" "),e("td",[t._v("年月日对象")])])])])])}]}},1310:function(t,n,e){var a=e(1101);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);e(3)("64a7b8fd",a,!0,{})},874:function(t,n,e){var a=e(2)(e(974),e(1206),function(t){e(1310)},null,null);t.exports=a.exports},974:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={data:function(){return{dateParams:{},demo1:'<nut-datepicker\n :params="dateParams"\n :is-fold="isFold"\n @confirm="confirm"\n @cancel="cancel"\n v-if="isFold">\n</nut-datepicker>',demo2:'<nut-datepicker\n :params="dateParams"\n :is-fold="isFold"\n @confirm="confirm"\n @cancel="cancel"\n v-if="isFold">\n</nut-datepicker>',demo3:'<nut-datepicker\n :params="dateParams"\n :is-fold="isFold"\n :is-confirm-btn="isConfirmBtn"\n @confirm="confirm"\n @cancel="cancel"\n v-if="isFold">\n</nut-datepicker>',demo11:"export default {\n data(){\n return{\n isFold: false,\n dateParams: {\n curDate: '请选择日期'\n },\n }\n },\n methods:{\n openDatePicker(){\n this.isFold = true;\n },\n cancel() {\n this.isFold = false;\n },\n\n confirm(params) {\n this.dateParams.curDate = params.year + '-' + params.month + '-' + params.day;\n this.cancel();\n }\n }\n}",demo21:"export default {\n data(){\n return{\n isFold: false,\n dateParams: {\n curDate: '2018-01-12',\n minDate: '2018-01-08',\n maxDate: '2018-01-26'\n }\n }\n },\n methods:{\n openDatePicker(){\n this.isFold = true;\n },\n\n cancel() {\n this.isFold = false;\n },\n\n confirm(params) {\n this.dateParams.curDate = params.year + '-' + params.month + '-' + params.day;\n this.cancel();\n }\n }\n}",demo31:"export default {\n data(){\n return{\n isFold: false,\n isConfirmBtn: false,\n dateParams: {\n curDate: '请选择日期'\n }\n }\n },\n methods:{\n openDatePicker(){\n this.isFold = true;\n },\n\n cancel() {\n this.isFold = false;\n },\n\n confirm(params) {\n this.dateParams.curDate = params.year + '-' + params.month + '-' + params.day;\n this.cancel();\n }\n }\n}"}},methods:{}}}});