Jquery 我面临使用AngularJS进行数据绑定的问题
我是新手。我面临使用AngularJS进行数据绑定的问题。它适用于字符串,但不适用于日期时间。我正在使用ASP.NETMVC和AngularJS以及用于日期选择器的jQuery UIJquery 我面临使用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” 然后
有效期自
有效的
注:
我不想使用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" />