Jquery 我面临使用AngularJS进行数据绑定的问题

Jquery 我面临使用AngularJS进行数据绑定的问题,jquery,asp.net,angularjs,asp.net-mvc,jquery-ui-datepicker,Jquery,Asp.net,Angularjs,Asp.net Mvc,Jquery Ui Datepicker,我是新手。我面临使用AngularJS进行数据绑定的问题。它适用于字符串,但不适用于日期时间。我正在使用ASP.NETMVC和AngularJS以及用于日期选择器的jQuery UI 数据来自JSON格式的数据库(控制器) 通过使用Angular JS进行数据绑定,它会自动设置为输入框 在输入框中,附加了jQuery UI日期选择器 它适用于除datetime之外的所有字段 案例1:如果我设置输入类型=“日期” 然后输入日期字段为空 案例2:如果我设置input type=“string” 然后

我是新手。我面临使用AngularJS进行数据绑定的问题。它适用于字符串,但不适用于日期时间。我正在使用ASP.NETMVC和AngularJS以及用于日期选择器的jQuery UI

  • 数据来自JSON格式的数据库(控制器)
  • 通过使用Angular JS进行数据绑定,它会自动设置为输入框
  • 在输入框中,附加了jQuery UI日期选择器
  • 它适用于除datetime之外的所有字段

    案例1:如果我设置输入类型=“日期” 然后输入日期字段为空

    案例2:如果我设置input type=“string” 然后显示输入值ie/日期(1481000000)/

    这是我的控制器代码: 这是我的JS代码 这是我的HTML
    
    有效期自
    有效的
    
    注: 我不想使用input type=“date”,因为HTML5日期选择器不能在所有浏览器上工作,因此更喜欢使用jQuery UI日期选择器


    我已经浏览了几个链接,每个链接都显示格式化日期并在span中显示。

    在您的字段中使用angular
    $filter

     <input class="form-control" ControlType="Date" type="text" min="1900-01-01"
                                       max="2500-01-01"
                                       ng-model="ProductMasterModel.ValidFrom | date" />
    
    
    
    Date()如果您详细阐述您的评论,您的服务器端日期时间格式需要解析为javascript可用的格式。这可以很容易地在web上搜索,有多种方法可以很好地完成,这是Angular JS代码,请参见ng模型。据我所知,数据绑定是在JSON上工作的,它应该与html绑定。现在我的json数据来自我的ajax调用。。。其次,它适用于字符串和整数值,但不适用于日期时间。我也知道数据绑定是在内部进行的,我如何才能做到这一点?我也从来没有使用过
    async:false,
    。这是一种糟糕的做法,浏览器不赞成这样做,您必须在控制台中忽略它们的不赞成警告。为什么您要使用jQuery for Ajax调用而不是Angular的“$http”函数?那么您对type=“date”的看法是什么呢?应该是type=“text”或type=“date”您的愿望。自定义筛选器可以返回您要使用的任何数据类型否,格式化不适用于type=“date”或type=“text”,只需使用自定义筛选器即可。如果希望type=text,则使筛选器为返回字符串值else datetime value在ng模型中分配标准日期筛选器后,它会给我错误“error:[ngModel:nonassign]”。你能告诉我哪里错了吗
    $.ajax({
            url: '/ProductMaster/Details',
            type: 'GET',
            cache: false,
            async: false,
            data: { PrimaryKey: ProductID },
            contentType: 'application/json; charset=utf-8',
            error: function (a, b, c) {
                HideBusy();
                alert(a.responseText);
            },
            success: function (a, b, c) {
                HideBusy();
                debugger;
                $scope.ProductMasterModel = a; // this is my Angular Model
    
                //debugger;
                  //debugger;
                $('#divEdit').modal('show');
            }
        });
    
                            <div class='input-group date .form_datetime'>
                                <label>Valid From</label>
                                <input class="form-control" ControlType="Date" type="date" 
                                       min="1900-01-01"
                                       max="2500-01-01"
                                       ng-model="ProductMasterModel.ValidFrom" />
    
                            </div>
    
    
                            <label>Valid To</label>
                            <input class="form-control" ControlType="Date" type="text" 
                                       min="1900-01-01"
                                       max="2500-01-01"
                                       ng-model="ProductMasterModel.ValidTo"/>
    
     <input class="form-control" ControlType="Date" type="text" min="1900-01-01"
                                       max="2500-01-01"
                                       ng-model="ProductMasterModel.ValidFrom | date" />