Javascript 完整日历插件-点击日期输入
工作更新: 我正在使用完整日历jQuery插件,但我不知道如何获取单击日期并将其设置为输入值 单击日期时发出的警报工作正常,但当我要移动到事件或输入字段时,它不起作用。以下是代码:Javascript 完整日历插件-点击日期输入,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,工作更新: 我正在使用完整日历jQuery插件,但我不知道如何获取单击日期并将其设置为输入值 单击日期时发出的警报工作正常,但当我要移动到事件或输入字段时,它不起作用。以下是代码: $(document).ready(function() { $('#bootstrapModalFullCalendar').fullCalendar({ lang: 'hr', displayEventTime: false,
$(document).ready(function() {
$('#bootstrapModalFullCalendar').fullCalendar({
lang: 'hr',
displayEventTime: false,
dayClick: function(date, jsEvent, view) {
var datum = date.format();
alert(datum);
},
header: {
left: '',
center: 'prev title next',
right: ''
},
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(moment(event.start._d).format("YYYY-MM-DD"));
$('#fullCalModal').modal();
return false;
},
events:
[
{
"title":" Add data on this day",
"datum":"Date:"+moment(datum).format(),
"allday":"true",
"description":"<p><center><b>test..</b></center></p>",
"start":'06:00',
"end":'23:00',
"dow":'[1,2,3,4,5,6, 7]'
}
]
});
});
$(文档).ready(函数(){
$('#bootstrapModalFullCalendar')。fullCalendar({
朗:“hr”,
displayEventTime:false,
dayClick:函数(日期、事件、视图){
var datum=date.format();
警报(数据);
},
标题:{
左:'',
中间:“上一个标题下一个”,
对:“”
},
eventClick:函数(事件、jsEvent、视图){
$('#modaltile').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(矩(event.start._d).format(“YYYY-MM-DD”);
$('fullCalModal').modal();
返回false;
},
活动:
[
{
“标题”:“添加当天的数据”,
“基准面”:“日期:+力矩(基准面)。格式(),
“全天”:“真的”,
“说明”:“测试..”,
“开始”:“06:00”,
“结束”:“23:00”,
“道指”:“[1,2,3,4,5,6,7]”
}
]
});
});
单击事件调用模式(HTML表单):
资料:
Šifra smjene:
目标:
斯姆耶纳
奥杜斯塔尼
斯普雷米
我被点击日期:未定义/无效日期。
我错过什么了吗 尝试将JS更改为
$(document).ready(function() {
var datum;
$('#bootstrapModalFullCalendar').fullCalendar({
lang: 'hr',
displayEventTime: false,
dayClick: function(date, jsEvent, view) {
datum = date.format();
alert(datum);
},
header: {
left: '',
center: 'prev title next',
right: ''
},
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(event.datum);
$('#fullCalModal').modal();
return false;
},
events:
[
{
"title":" Add data on this day",
"datum":"Date:"+moment(datum).format(),
"allday":"true",
"description":"<p><center><b>test..</b></center></p>",
"start":'06:00',
"end":'23:00'
}
]
});
});
$(文档).ready(函数(){
var数据;
$('#bootstrapModalFullCalendar')。fullCalendar({
朗:“hr”,
displayEventTime:false,
dayClick:函数(日期、事件、视图){
datum=date.format();
警报(数据);
},
标题:{
左:'',
中间:“上一个标题下一个”,
对:“”
},
eventClick:函数(事件、jsEvent、视图){
$('#modaltile').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(event.datum);
$('fullCalModal').modal();
返回false;
},
活动:
[
{
“标题”:“添加当天的数据”,
“基准面”:“日期:+力矩(基准面)。格式(),
“全天”:“真的”,
“说明”:“测试..”,
“开始”:“06:00”,
“结束”:“23:00”
}
]
});
});
您很可能会得到未定义的
,因为您在函数内部声明变量,因此在函数外部无法访问该变量。将其声明为外部的空变量,然后更改内部的值应该可以工作。尝试将JS更改为
$(document).ready(function() {
var datum;
$('#bootstrapModalFullCalendar').fullCalendar({
lang: 'hr',
displayEventTime: false,
dayClick: function(date, jsEvent, view) {
datum = date.format();
alert(datum);
},
header: {
left: '',
center: 'prev title next',
right: ''
},
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(event.datum);
$('#fullCalModal').modal();
return false;
},
events:
[
{
"title":" Add data on this day",
"datum":"Date:"+moment(datum).format(),
"allday":"true",
"description":"<p><center><b>test..</b></center></p>",
"start":'06:00',
"end":'23:00'
}
]
});
});
$(文档).ready(函数(){
var数据;
$('#bootstrapModalFullCalendar')。fullCalendar({
朗:“hr”,
displayEventTime:false,
dayClick:函数(日期、事件、视图){
datum=date.format();
警报(数据);
},
标题:{
左:'',
中间:“上一个标题下一个”,
对:“”
},
eventClick:函数(事件、jsEvent、视图){
$('#modaltile').html(event.title);
$('#modalBody').html(event.description);
$('#datum').html(event.datum);
$('fullCalModal').modal();
返回false;
},
活动:
[
{
“标题”:“添加当天的数据”,
“基准面”:“日期:+力矩(基准面)。格式(),
“全天”:“真的”,
“说明”:“测试..”,
“开始”:“06:00”,
“结束”:“23:00”
}
]
});
});
您很可能会得到未定义的
,因为您在函数内部声明变量,因此在函数外部无法访问该变量。在其外部将其声明为空变量,然后在其内部更改值应该有效。是否有关于take date的内容处于警报状态?我删除了“时刻”,但出现错误:无法读取未定义的属性“格式”
我不太确定您在这里的意思是什么?好的,dayclick:alert返回单击的日期。例如:2017-12-10。我想要通知给我的点击日期进入我的表格。表单现在给我的是:日期:2017-12-15T09:46:26+01:00当前日期如果你想知道被提醒的日期,你可以只更改时刻(基准)。format()
到基准,如果已经格式化。我将其更改为基准,它会给我日期:UnfinedDate有什么东西可以提醒拍摄日期吗?我删除了“时刻”,但出现错误:无法读取未定义的属性“格式”
我不太确定您在这里的意思是什么?好的,dayclick:alert返回单击的日期。例如:2017-12-10。我想要通知给我的点击日期进入我的表格。现在表单给我的是:日期:2017-12-15T09:46:26+01:00,当前日期如果您想要通知的日期,您可以只更改mom吗