vue2.0 项目中引入一个只能选择年月的日期控件 10C

vue2.0项目中 需求:只能选择年月的日期控件,可以返回年月值,有直接例子最好!感谢!

0

7个回答

0

找了一个符合要求的控件 但是在引入出现这样的错误 有没有遇到过https://blog.csdn.net/ytangdigl/article/details/78988067 参照了这个 出现了这样的问题 ?

0

$("#datepicker").datepicker({
language: "zh-CN",
todayHighlight: true,
format: 'yyyy-mm',
autoclose: true,
startView: 'months',
maxViewMode:'years',
minViewMode:'months'
});

0

之前刚做了一个项目,用layui的日期控件laDate,觉得还不错。官方文档:http://www.layui.com/laydate/layDate官方网站
1.网站下载JS,然后在index.html中引入。注意,要将 laydate 整个文件夹(不要拆分结构) 存放进项目,使用时,只需引入 laydate.js。
(如果项目中有使用layui则跳过,不用重复引入js)
2.在页面结构中加入input框代码
3.加入js代码
具体效果为
图片说明
demo代码

  <div>
    <input  class="form-control layer-date" placeholder="请选择开始时间"  id="time" >
  </div>
</template>

<script>
  export default{
    name: "laydate",
        data(){
          return{
            time:''
          }
        },
    mounted() {
        let str=this
        //年月选择器
        laydate.render({
          elem: '#time',
          type: 'month',
          done: function (value) {
              console.log(value)
              str.time=value
              console.log('时间为'+str.time)
          },
        })
    }
  }
</script>

<style scoped>
 input {
   height: 25px;
 }
</style>


0

element ui的很好用~

0

$("#datepicker").datepicker({
language: "zh-CN",
todayHighlight: true,
format: 'yyyy-mm',
autoclose: true,
startView: 'months',
maxViewMode:'years',
minViewMode:'months'
});

0
0
ashallot
ashallot 哇 我的图片怎么变链接了。。。。https://www.iviewui.com/components/date-picker 再发一次机票
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JQuery--只选择年月的日期控件
JQuery--只选择年月的日期控件,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+
EASYUI日期控件年月
 //生成日期控件       function attdatebox() {             $(&quot;.attYearMonth&quot;).datebox({                 //显示日趋选择对象后再触发弹出月份层的事件,初始化没有生成月份层                 onShowPanel : function() {                     //触发cl...
重写easyUI日期控件,只限制年月
js 初始化date控件 $('#jssj').combobox('yearandmonth');//开始时间     $('#kssj').combobox('yearandmonth');//结束时间    $.extend($.fn.combobox.methods, {//重写easyUI日期控件,只限制年月     yearandmonth
EXTJS5 实现一个只能选择年月的控件
在开发过程中,遇到仅需要Extjs选择年月的控件,在国内搜索了些资源,因为Extjs5还未普遍开来加上很多UI框架的诞生,似乎关于Extjs5的资源很少。 在StackFlow搜索到了自己想要的答案,今天放在这里和大家一起分享。 代码下载地址 直接上代码: Ext.define('Ext.ux.MonthPicker', { extend: 'Ext.form.field.Date
Ext扩展dateField时间控件,可以选择年月日、年月、年、月
Ext扩展dateField时间控件,可以选择年月日、年月、年、月
bootstrap的datetimepicker控件只选择年月的配置
$('.form_date').datetimepicker({   format:'yyyymm',   language : 'zh-CN',   weekStart : 1,   todayBtn : true,   autoclose : 1,   startView : 'year',   maxView:'decade',   minView :'year',   f
bootstrap datetimepicker 日期控件只显示年月(日期限制范围)或只显示年
var dateRegularExpression = /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(
Android 日期控件只显示年月
效果图: 代码: ——XML—— <EditText android:id="@+id/sssx_bbdy_cx_sbrq" android:layout_width="match_parent" android:layout_height="38dp" android:layout
ext2,3,和4 版本 只显示年月的日期插件
ext2,3,和4 版本 只显示年月的日期插件 1:ext3版本插件 来自官方论坛:http://www.sencha.com/forum/showthread.php?74002-3.x-Ext.ux.MonthMenu   插件代码: Java代码   Ext.ux.MonthPickerPlugin = function() {   
EXTJS 6 - 日期控件 Date picker 只选年月
官方没有支持,只能自己写一下了。 Ext.define('Ext.form.field.Month', { extend: 'Ext.form.field.Date', alias: 'widget.monthfield', requires: ['Ext.picker.Month'], alternateClassName: ['Ext.form.MonthFi...
Extjs DateField控件-改写只选年月
调用代码一: var monthField = new Ext.ux.MonthField({ id:'month', fieldLabel: '月份', allowBlank:false, readOnly : tr
easyui datebox 只选择月份控件
第一份日志,就贴昨天解决的问题吧,查了 easyui 的 datebox api,没找到只选择月份的接口。 查了类似的,感觉他们的问题复杂化,所以自己在网上贴的,按自己的思路整了个简易版的。 思路:在选择日期的时候,正上方有个月份,一点击,会让你选择月份,所以,可以用代码模拟 click 触发选择日期的事件。然后再修修补补另外的 bug。 先贴 jsp 控件。 [code=&quot;j...
Extjs4.1日期年月控件
使用Extjs4.1编写了只能选择年月的日期控件
Bootstrap 时间控件控制只显示年,只显示年月
Bootstrap 时间控件控制只显示年,只显示年月的视图设置,以及前端获得
Vue2.0在工程中加入vue-resource--一个简单示例
本文主要参考了Vue2.0 新手完全填坑攻略—从环境搭建到发布——Jinkey 原创。跟其主要区别在于本文使用了element ui和其提供的element starter,同时本文不涉及vue-resource。之前的构建过程见一个初学者的vue2.0练习程序。源码可以在github看到。 首先在main.js中引入vue-resource import VueResource from '
EasyUi日期控件datebox设置,只显示年月,也只能选择年月
EasyUi日期控件datebox设置,只显示年月,也只能选择年月
Vue 日期控制的改造(只能选择年月)
1、前言 学习Vue已经有很长一段时间了,也刚刚完成了一个Vue移动端项目,后面会陆续将个人在刚刚完成的这个Vue项目中碰到的坑进行汇总,然后以blog的形式分享出来。 2、vue的日期控制,第三方有很多,但只有年月选择的就很少,我在网上找,就没找到,然后自已就动改直接改造了,改造后的效果如下: 3、我选择的第三方控件是datepicker.vue template
关于EXTJS2中日期组件只选择年月的问题
代码来源:https://blog.csdn.net/heyehuang/article/details/6760961 拷贝别人的日期组件js,但是出现了一个问题,选择2月份的话带出的是3月,闰年好像正常。求大佬帮忙看一下。因为用的是extjs 2点几 ,版本比较老,并且由公司的架构封装过了,所以网上很多个都没法用,好不容易找到了个能用的,结果有bug。Ext.ux.MonthPicker=Ex...
只显示年份月份的时间控件
一般插件不能只选年月,easyui活bootstrap等控件又改起来很麻烦,这个方便快捷,导入就能使用,真是居家旅行必备良药!!!
日期只选择年月
原文地址:https://my.oschina.net/147258369/blog/322903 .datetimepicker({          format: 'yyyy-mm',           weekStart: 1,           autoclose: true,           startView: 3,           minView: 3,  
自定义日期控件(Calendar加年月选择asp.net C#)
VS2008自带的Calendar只能一个月一个月的切换,你要选几年前的就受不子,于是本人经过三天的学习制作终于完成了二个DropDownList(年与月的选择)与Calendar互动的绑定,并做成控件,可供初学控件的朋友学习,并提出修改建议,共同进步! 多个TextBox的绑定方法 <uc1:BornYear ID="BornYear2" runat="server" TextID="BornSelect,TextBox1,TextBox3" />
jquery-ui里面的日期控件 datepicker只显示年和月
1.jquery-ui 日期控件可以理解有三个部分组成。头部包含年月两个下拉框,中间部分包每月对应的天数,尾部包含时间(时分秒) 2.要样式上不显示天数通过CSS样式控制 代码如下: &amp;lt;style type=&quot;text/css&quot;&amp;gt;         .ui-datepicker-calendar {             display: none;// 不显示日期面板     ...
ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法
如果是Ext.form.panel的话,只要设置一下属性就可以。如下代码: { text : '期间', width : 80, sortable : true, dataIndex : 'accountPeriod', format : 'Ym' } 如果是Ext.grid.panel的话,比较麻烦。网上也有各位大神的解决方法,不...
easyui datebox 扩展 只显示年月
一个日期控件只显示年月是很正常的事情。可是easyui datebox 不支持这种格式的,要么就是截取字符串,不可取,自己没有写过类似的扩展,但是也算是实现功能了,先来张图吧 本人水平有限写不出高深的东西,代码大家都能看懂,但是还是贡献出来,让大家提提意见共同进步吧
easyui-datebox 日期控件 只显示年月 不显示日
更改easyui日期控件,使其只显示到年月  function myFormatter(date){             var y = date.getFullYear();             var m = date.getMonth()+1;             return y+'-'+(m         }
只选择年度,只选择年月
[b]最近一直很忙着开发,开发过程中我们的需求工作同事告诉某一个日期显示部分只要年,另一个日期显示部分只要年月,沟通结果是我被他说服了,一句很强的话:“客户就是这样需要的”。我哑然!! 终于有时间整理一个有效的控件在这里共享一下,My97DatePicker,具体参考他们的官方网站http://www.my97.net/dp/demo/。使用时: [/b] [code=&quot;java&quot;]Wdat...
简洁JS 日历控件 支持日期和月份选择
以下这个JS日历控件是我的闲暇之余自己编写的,所有的代码全部在IE7/IE8/Firefox下面测试通过, 而且可以解决被iframe层遮盖的问题。现在只提供两种风格(简洁版和古典版)和两种语言(英文和中文)。支持自定义日期格式,设定时间范围。 默认为古典版,英文,下面来看简单的缩略图。 首先是简洁版: 日期选择器月份选择器 古典版: 日期选择器日期选择器中文语
一个完善的日期选择控件
一个完善的日期选择控件
vue2.0项目中使用Ueditor富文本编辑器示例
最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件。 在线预览:https://suweiteng.github.io/vue2-management-platform/#/editor 项目地址:https://github.com/suweiteng/vue2-management-platform 记得在右上角点个赞哦~ 1.放入静态资源并配置
easyui 日历只显示年月
js $(function(){ $('#monthTime').datebox({ onShowPanel: function() { //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 span.trigger('click'); //触发click事件弹出月份层 ...
easyui datebox只显示年月选择,隐藏日期
如何设置easyui的datebox只选择年月,不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值,需要点击显示的日期才会执行设置控件的值。如果不介意点击日期才设置datebox的值,可以配置formatter和parser来实现datebox只显示年月 下面实现easyui的datebox月份弹出层自动显示,然后只用点击月份弹出
ExtJs日期控件案例(可控制时间的选择)
图片效果: ExtJs代码: /* *********************************************************************日期控件的简单案例******************************************************************************************
Ext DateField控件 - 只选择年月
Ext DateField控件 - 只选择年月插件(附图及代码)
ext 只显示年月的日期插件
Ext.ux.MonthPickerPlugin = function() { var picker; var oldDateDefaults; this.init = function(pk) { picker = pk; picker.onTriggerClick = picker...
Juqery datepicker 只显示 年和月 不显示 日 和 只选择年份的下拉列表
1.只选择年份的 下拉列表框 . 2.基于Jquery Ui datepicker 日期控件 只显示 年和月 不显示 日.   &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt; &amp;lt;/title&amp
daterangepicker - 双日期控件选择器
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,用户自己选择起始时间和终止时间,简化了两个单日期控件之间交互传值的问题。 代码运行结果查看: https://githubwyn.github.io/Node/test/daterangepicker/index.html 代码如下:<!DOCTYPE html> <html> <head lang=
easyUI自带的时间插件日期选择、月份选择、时间选择的使用
1.日期选择    只要将class设置成easyui-datebox就可以了,当然前提是已经应用了easyui的js   2.时间选择 默认的时间选择是精确到年月日时分秒的,只要把class设置成easyui-datetimebox就可以实现 当然他的效果图是这样的: 所以如果需要自定义他的显示格式的话我们需要自己重写他的format方法:(注意下面红色部分需要加进去)da
JAVA GUI中日期选择控件的实现
function StorePage(){d=document;t=d.selection?(d.selection.type!=None?d.selection.createRange().text:):(d.getSelection?d.getSelection():);void(keyit=window.open(http://www.365key.com/storeit.
java c/s中的日期选择控件 按钮式
今天做java c/s程序的时候要用到一个日期选择的控件,NetBeans里面没有,所以自己写了
JavaScript 日期、月份选择控件
/** * add auto hide when mouse moveout * * @version 1.0.1 * @date 2010-11-23 * @author coraldane@gmail.com */ /** * Date Picker * @param inputObj The input object want to con
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java在项目中学习 java怎么在项目中学习