`
Franciswmf
  • 浏览: 800272 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

angularjs中My97DatePicker无法通过$scope.ngModel获取值解决

 
阅读更多
1、写一个angular自定义指令Directive(网上找的)
/*my97DatePicker指令*/
angular.module('activitiModeler').directive('datePicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            minDate: '@',
        },
        link: function (scope, element, attr, ngModel) {
        	//
            element.val(ngModel.$viewValue);
            //
            function onpicking(dp) {
                var date = dp.cal.getNewDateStr();
                scope.$apply(function () {
                    ngModel.$setViewValue(date);
                });
            }
            //
            element.bind('click', function () {
                WdatePicker({
                    onpicking: onpicking,
                    dateFmt: 'yyyy-MM-dd HH:mm',
                    minDate: (scope.minDate || '%y-%M-%d %H:&m'),
                })
            });
            //
        }
    };
});


2、以指令方式使用My97DatePicker----date-picker
 <input 
								  type="text"
								  ng-show="hasOptionGroup(myTextModel=='inputDate')" 
								  ng-model="myDateModel"
								  ng-class="{'WdateVxi':objDisableTrue==false,'WdateVxi2':objDisableTrue==true}"
								  ng-disabled="myDisableVar"
								  style="height:21px;width:120px;"
								  date-picker
								   />


分享到:
评论

相关推荐

    my97 datepicker的'$db.cal'为空或不是对象问题解决参考

    在使用过程中,有时用户可能会遇到“$db.cal”为空或不是对象的问题,这通常意味着在尝试访问my97 datepicker的内部对象时出现了错误。本文将深入探讨这个问题的原因,并提供解决方案。 首先,我们需要理解my97 ...

    My97DatePicker最新最全版.rar

    My97DatePicker是一款在中国乃至全球华人开发者中广受欢迎的日期选择插件,它以其丰富的功能、易用性和高度自定义性赢得了程序员们的喜爱。这款插件最初由一位名为"My97"的开发者创建,因此得名My97 DatePicker。...

    My97DatePicker使用 日期获取

    通过以上步骤,我们就能在网页中使用My97 DatePicker轻松获取本日、本周及本月的日期范围。在项目中,你可以结合服务器端编程语言,如PHP、Java或.NET,将这些日期范围作为参数传递,实现更复杂的业务逻辑。 最后,...

    My97DatePicker JS日期选择插件.rar

    My97DatePicker超实用的JS日期选择插件,不管是从外观功能上说,还是从易用性方面说,My97DatePicker都是全部占优的,也是比较有名的网页日期选择插件,支持多种调用方式,支持多种时间选择方式,甚至可以直接手动...

    My97DatePicker包(WdatePicker.js文件加了详细备注)

    My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的...

    MY97datepicker.rar

    《MY97DatePicker:一款备受青睐的JavaScript日期选择器组件》 在网页开发中,日期选择器是一个不可或缺的元素,它使得用户能够方便地输入或选择日期,提升了用户体验。MY97DatePicker是一款广受欢迎的JavaScript...

    My97DatePicker.zip

    《My97DatePicker:一款基于jQuery的高效日期选择器组件》 在网页开发中,日期选择器是一个不可或缺的元素,它极大地提升了用户交互体验。My97 DatePicker 是一个基于 jQuery 的强大日期选择器插件,它以其易用性、...

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包 调用方法 &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; ...$( "#datepicker" ).datepicker({dateFormat:"yy-mm-dd",regional:$.datepicker.regional['zh-CN']});

    My97DatePicker.rar

    在项目中使用My97 DatePicker,首先需要下载并解压My97DatePicker.rar文件,得到所需的JavaScript和CSS资源。通常,这些文件包括WdatePicker.js、WdatePicker.css等。然后,在HTML文件中引入这些资源,通过`&lt;script&gt;...

    My97DatePicker-WdatePicker4.8日历插件附详细示例

    此日期插件功能还可以,用着挺顺手。目前的版本是:4.8 正式版 。 附详细实例教程,参考我的博客 https://blog.csdn.net/lianzhang861/article/details/80425968

    日历控件my97datepicker

    My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...

    My97DatePicker(几种日历控件/js/实例演示)

    My97DatePicker是一款广泛使用的JavaScript日期选择器控件,它为网页中的日期输入提供了便捷的交互体验。这个控件以其高效、易用和高度可定制性而受到开发者的青睐。在网页开发中,日期选择器通常用于用户输入日期时...

    My97DatePicker

    在网页开发中,日期和时间的选择常常是一项必不可少的功能,而My97 DatePicker则是一款高效、易用且功能丰富的JavaScript时间插件,专为网页设计者提供日期选择解决方案。这款插件以其直观的用户界面和灵活的配置...

    angularjs获取到My97DatePicker选中的值方法

    提示:直接在页面调用不能取到input的值,需要封装成指令 ...以上这篇angularjs获取到My97DatePicker选中的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    jsp页面使用My97DatePicker日历控件就经常出现无法打开站点

    1. **JavaScript禁用**:用户的浏览器可能禁用了JavaScript,这将导致My97DatePicker无法正常工作。解决方法是提醒用户检查浏览器设置,确保JavaScript已被启用。 2. **文件加载问题**:My97DatePicker的JavaScript...

    My97DatePicker4.7.2.rar

    My97DatePicker是一款广泛应用于网页开发中的JavaScript日期选择器控件,它的版本4.7.2在业内得到了广泛应用。这个控件以其强大的功能、灵活的定制性和良好的用户体验而备受青睐。接下来,我们将深入探讨My97...

    My97DatePicker详解

    My97DatePicker是一款广泛使用的JavaScript日期选择控件,适用于网页中的日期输入场景。它提供了一种方便、灵活的方式来选择日期,兼容多种浏览器,包括IE 6.0+、Firefox 2.0+、Chrome、Opera 9.5+以及Safari 3.0+。...

Global site tag (gtag.js) - Google Analytics