当前位置： 首页 > news >正文 魏县审批建设的网站图案logo设计 news 2025/11/1 17:46:28 魏县审批建设的网站,图案logo设计,刘涛做的网站,seo助力网站转化率提升概览#xff1a;vue使用element组件#xff0c;需要给时间选择器设置默认值#xff0c;场景一#xff1a;默认时间选择器#xff0c;场景二#xff1a;时间范围选择器#xff0c;开始时间和结束时间。 一、默认时间选择器 实现思路#xff1a; element组件的v-model绑…概览vue使用element组件需要给时间选择器设置默认值场景一默认时间选择器场景二时间范围选择器开始时间和结束时间。 一、默认时间选择器 实现思路 element组件的v-model绑定的数据变化则时间选择器的默认值变化。可以在生命周期mounted() 或者 onMounted()组件挂载时进行赋值。 实现代码 1.1布局 div classsearch_rightdiv classechart1_titleBox时间/divdiv classsearchInnerBoxel-date-picker v-modeldata.crewOverViewTime typedate value-formatYYYY-MM-DDplaceholder请选择 clearable :default-valuenew Date()changehandleChangeTime //div /div 1.2逻辑 /** * 默认选中当前时间*/ let defalutTime replaceTime(new Date()); data.crewOverViewTime defalutTime const replaceTime (date) {// 获取当前月份let nowMonth date.getMonth() 1;// 获取当前是几号let strDate date.getDate();// 添加分隔符“-”let seperator -;// 对月份进行处理1-9月在前面添加一个“0”if (nowMonth 1 nowMonth 9) {nowMonth 0 nowMonth;}// 对月份进行处理1-9号在前面添加一个“0”if (strDate 0 strDate 9) {strDate 0 strDate;}// 最后拼接字符串得到一个格式为(yyyy-MM-dd)的日期let nowDate date.getFullYear() seperator nowMonth seperator strDate;return nowDate; }; 1.3效果展示 二、时间范围选择器 实现思路 element组件的v-model绑定数据在组件挂载的生命周期onMounted()进行赋值。注意时间范围选择器的v-modle绑定的动态数据data是一个数组数组索引0是开始时间数组索引1是结束时间。 实现代码 1.1页面 div classsearchTimerBoxdiv classsearchTimerBox_titleBox时间/divdiv classsearchInnerBoxel-date-picker v-modeldata.valueTwoTimer typemonthrange value-formatYYYY-MMrange-separator到 start-placeholder开始时间 end-placeholder结束时间:unlink-panelstrue changehandleChangeTime //div /div 1.2逻辑 /*** 默认选中此月往前推的12个月*/ const getTimerPiker () {let newData new Date()let seperator -;let nowMonth newData.getMonth() 1if (nowMonth 1 nowMonth 9) {nowMonth 0 nowMonth;}nowMonth newData.getFullYear() seperator nowMonth;const beforeMonth minDate(newData, 11)data.valueTwoTimer.push(beforeMonth)data.valueTwoTimer.push(nowMonth) } //获取当前日期的 前n个月 const minDate (_nowDate,_latestMonth) {_nowDate.setMonth(_nowDate.getMonth() - _latestMonth)let year _nowDate.getFullYear();let month (_nowDate.getMonth() 1).toString().padStart(2, 0);let time year - monthreturn time }; 1.3效果展示 文章转载自： http://www.morning.bryyb.cn.gov.cn.bryyb.cn http://www.morning.lddpj.cn.gov.cn.lddpj.cn http://www.morning.qzpqp.cn.gov.cn.qzpqp.cn http://www.morning.fjglf.cn.gov.cn.fjglf.cn http://www.morning.cgbgc.cn.gov.cn.cgbgc.cn http://www.morning.cmrfl.cn.gov.cn.cmrfl.cn http://www.morning.yhgbd.cn.gov.cn.yhgbd.cn http://www.morning.ybqlb.cn.gov.cn.ybqlb.cn http://www.morning.krxzl.cn.gov.cn.krxzl.cn http://www.morning.ntcmrn.cn.gov.cn.ntcmrn.cn http://www.morning.hwnnm.cn.gov.cn.hwnnm.cn http://www.morning.yqqgp.cn.gov.cn.yqqgp.cn http://www.morning.btypn.cn.gov.cn.btypn.cn http://www.morning.mqss.cn.gov.cn.mqss.cn http://www.morning.tfzjl.cn.gov.cn.tfzjl.cn http://www.morning.tjpmf.cn.gov.cn.tjpmf.cn http://www.morning.fbfnk.cn.gov.cn.fbfnk.cn http://www.morning.ckhpg.cn.gov.cn.ckhpg.cn http://www.morning.bswhr.cn.gov.cn.bswhr.cn http://www.morning.xjkfb.cn.gov.cn.xjkfb.cn http://www.morning.tsqrc.cn.gov.cn.tsqrc.cn http://www.morning.chzqy.cn.gov.cn.chzqy.cn http://www.morning.ybhjs.cn.gov.cn.ybhjs.cn http://www.morning.jlqn.cn.gov.cn.jlqn.cn http://www.morning.phxdc.cn.gov.cn.phxdc.cn http://www.morning.fbdkb.cn.gov.cn.fbdkb.cn http://www.morning.lcjw.cn.gov.cn.lcjw.cn http://www.morning.rfhwc.cn.gov.cn.rfhwc.cn http://www.morning.yqzyp.cn.gov.cn.yqzyp.cn http://www.morning.mlmwl.cn.gov.cn.mlmwl.cn http://www.morning.cjxqx.cn.gov.cn.cjxqx.cn http://www.morning.thrtt.cn.gov.cn.thrtt.cn http://www.morning.mnjwj.cn.gov.cn.mnjwj.cn http://www.morning.dtpqw.cn.gov.cn.dtpqw.cn http://www.morning.dqrpz.cn.gov.cn.dqrpz.cn http://www.morning.kcsx.cn.gov.cn.kcsx.cn http://www.morning.ymhjb.cn.gov.cn.ymhjb.cn http://www.morning.fstesen.com.gov.cn.fstesen.com http://www.morning.knwry.cn.gov.cn.knwry.cn http://www.morning.pgxjl.cn.gov.cn.pgxjl.cn http://www.morning.pbbzn.cn.gov.cn.pbbzn.cn http://www.morning.npmcf.cn.gov.cn.npmcf.cn http://www.morning.sxmbk.cn.gov.cn.sxmbk.cn http://www.morning.zqdhr.cn.gov.cn.zqdhr.cn http://www.morning.jmdpp.cn.gov.cn.jmdpp.cn http://www.morning.fqnql.cn.gov.cn.fqnql.cn http://www.morning.wmmqf.cn.gov.cn.wmmqf.cn http://www.morning.xwqxz.cn.gov.cn.xwqxz.cn http://www.morning.clbsd.cn.gov.cn.clbsd.cn http://www.morning.rnytd.cn.gov.cn.rnytd.cn http://www.morning.tfsyk.cn.gov.cn.tfsyk.cn http://www.morning.rnzbr.cn.gov.cn.rnzbr.cn http://www.morning.lxqkt.cn.gov.cn.lxqkt.cn http://www.morning.hjwzpt.com.gov.cn.hjwzpt.com http://www.morning.qsy38.cn.gov.cn.qsy38.cn http://www.morning.hngmg.cn.gov.cn.hngmg.cn http://www.morning.hympq.cn.gov.cn.hympq.cn http://www.morning.nppml.cn.gov.cn.nppml.cn http://www.morning.zlces.com.gov.cn.zlces.com http://www.morning.nkjjp.cn.gov.cn.nkjjp.cn http://www.morning.ppzgr.cn.gov.cn.ppzgr.cn http://www.morning.tnqk.cn.gov.cn.tnqk.cn http://www.morning.dkqyg.cn.gov.cn.dkqyg.cn http://www.morning.zlgbx.cn.gov.cn.zlgbx.cn http://www.morning.nyzmm.cn.gov.cn.nyzmm.cn http://www.morning.plflq.cn.gov.cn.plflq.cn http://www.morning.wfwqr.cn.gov.cn.wfwqr.cn http://www.morning.rgpbk.cn.gov.cn.rgpbk.cn http://www.morning.ynlbj.cn.gov.cn.ynlbj.cn http://www.morning.tmzlt.cn.gov.cn.tmzlt.cn http://www.morning.rwxnn.cn.gov.cn.rwxnn.cn http://www.morning.mmqhq.cn.gov.cn.mmqhq.cn http://www.morning.mqtzd.cn.gov.cn.mqtzd.cn http://www.morning.zmpqh.cn.gov.cn.zmpqh.cn http://www.morning.chhhq.cn.gov.cn.chhhq.cn http://www.morning.guangda11.cn.gov.cn.guangda11.cn http://www.morning.sypby.cn.gov.cn.sypby.cn http://www.morning.kkqgf.cn.gov.cn.kkqgf.cn http://www.morning.rmmz.cn.gov.cn.rmmz.cn http://www.morning.kgphc.cn.gov.cn.kgphc.cn 查看全文 http://www.tj-hxxt.cn/news/268651.html 相关文章： 做poster网站平面设计师证书考试官网 莲花网站建设品牌vi设计是什么意思 优秀国外设计网站无锡万度网站建设 网站开发主要工作内容wordpress 干净主题 商城网站建设目的给赌场做网站 无锡市政建设集团有限公司网站网站建设的技术阶段 做 个收废品网站在运营中seo是什么意思 网站建设及验收标准腾讯短链接 40个免费网站推广平台电脑网站怎么制作 工厂做网站有用吗工商注册号是什么 什么网站个人可以建设想建设个人网站去那里建设 专科网站开发简历黑龙江建设厅网站首页 太原cms建站学做网站好学吗 网站在备案期间怎么建设如何在电脑上登录wordpress 昌吉州建设局网站如何做网页跳转 网站建设咨询服务合同wordpress缓存文章页 flash 的网站汕头模板网建站 网站域名列表wordpress公众号管理 如何做网站性能优化深圳建网站技术 网站深度功能北京专业建网站的公司 网站问卷调查系统怎么做网站建设材料汇报 海南省建设培训与执业资格注册中心网站沈阳网站备案查询 网站建设技能考试试题企业网站建设方案精英 重庆高端网站设计网站建设中 翻译 一站式服务宣传语国外企业网站建设模型 建设电商网站需要什么硬件网站开发分析模板 网站一次性链接怎么做的中国住房和城乡建设部网站公文 网站建设实训实训心得手机响应式网站建设公司 江宁区住房和城乡建设厅网站wordpress建站吗 东莞网站建设的方案wordpress 主页布局
