使用AJAX将日期从SQL服务器传递到jQuery日历
Passing dates from SQL server to jQuery Calendar using AJAX
我正在遵循如下所示的jQuery日历示例,并试图从我的SQL数据库中加载日期,而不是示例硬编码值,不确定什么是最佳方法,但我正在使用Ajax post-to-web方法来获取数据。数据库中的数据将被加载到数据表中,但问题是我不确定SQL中的数据应该以什么格式存储,这样当我检索数据并将其返回到Ajax调用时,它可以替换"new Date(y,m,2)"。
请帮忙。谢谢
<script type='text/javascript'>
$(document).ready(function () {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var sDate;
$.ajax({
type: "POST",
url: "/WebServices/Services.asmx/GetString",
contentType: "application/json; charset=utf-8",
async: false,
dataType: "json",
success: function (result) { sDate = result.d; }
});
alert(sDate);
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
events: [
{
title: 'Click for Google',
start: new Date(y, m, 2), // Hardcoded date
url: 'http://google.com/'
}
]
});
});
</script>
[WebMethod]
public string GetString()
{ // Dump data from SQL database into DataTable
DataTable table = new DataTable();
table.Columns.Add("Date", typeof(DateTime));
table.Rows.Add(DateTime.Now);
return table;
}
附带说明:您的代码将无法按预期工作,因为在ajax回调完成之前,sDate
不可用。你需要做一些类似的事情:
$.ajax({
type: "POST",
url: "/WebServices/Services.asmx/GetString",
contentType: "application/json; charset=utf-8",
async: false,
dataType: "json",
success: onSuccess
});
function onSuccess(result) {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
events: [
{
title: 'Click for Google',
start: new Date( result.d*1000 ), // assuming UNIX time
url: 'http://google.com/'
}
]
});
}
相关文章:
- 使用AJAX将日期从SQL服务器传递到jQuery日历
- 我的jquery日历没有正确对齐
- 日期选择器使用所有字段的下拉菜单JavaScript和JQuery W/O日历
- 如何正确设置jQuery日历小部件的区域设置
- 无法禁用 jQuery 日历上的特定日期
- Jquery 日历最小日期
- 转换日期,以便可以将 jquery 日历值设置为日期
- 带有可点击事件的jQuery日历
- 从Jquery日历中选择日期,并通过数据库进行检查,并打印该日期的事件
- 将随机选择的日期存储在Jquery日历中的变量中
- 如何在Jquery日历中存储随机选择的日期值
- jQuery日历,dons'工作不正常
- Rails/Javascript/jQuery日历建议
- 禁用JQuery日历的前一个日期
- 在创建后向(primefaces)jquery日历添加一个选项
- Fullcalendar (jQuery日历)和JSON不能工作
- JQuery日历插件:自定义视图
- 如何重写jQuery日历的删除,以便我也可以删除我的数据库数据
- ASP.净,jQuery日历-不工作
- ajax调用后,JQuery日历不工作,但按钮在那里