我的案子需要帮助。我是JS的新手。 我从当前页面获取值（10/19/2016）并尝试创建Date对象。 但如果日期是（2016年10月19日）它给我一个NaN页面。 在变量的任何时候我都需要这种格式（MyVar，“dd / mm / yy”）。 怎么可能呢，我真的坚持这个。
<link href="{!$Resource.fullCalendarCSS}" rel="stylesheet" />
<link href="{!$Resource.fullCalendarPrintCSS}" rel="stylesheet" media="print" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//code.jquery.com/jquery-1.8.3.js"></script>
<script src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="{!$Resource.JqueryDateFormatJS}"></script>
<script src="{!$Resource.JqueryDateFormatMinJS}"></script>
<script src="{!$Resource.DateFormatJS}"></script>
<script src="{!$Resource.DateFormatMinJS}"></script>
<script src="{!$Resource.fullCalendarMinJS}"></script>
<script type='text/javascript'>
$.noConflict();
jQuery(document).ready(function() {
tempValue = '{!$CurrentPage.parameters.startDate}';
newDate1 = $.datepicker.formatDate("mm/dd/yy", new Date(tempValue));
console.log(newDate1);
newDate = new Date(newDate1);
console.log(newDate);
d = newDate.getDate();
m = newDate.getMonth();
y = newDate.getFullYear();
//We need to wrap everything in a doc.ready function so that the code fires after the DOM is loaded
//Call the fullCallendar method. You can replace the '#calendar' with the ID of the dom element where you want the calendar to go.
jQuery('#calendar').fullCalendar({
year: y,
month: m,
date: d,
defaultView: 'agendaDay',
slotMinutes: 15,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: false,
events:
[
//At run time, this APEX Repeat will reneder the array elements for the events array
<apex:repeat value="{!events}" var="e">
{
title: "{!e.title}",
start: '{!e.startString}',
end: '{!e.endString}',
url: '{!e.url}',
allDay: {!e.allDay},
className: '{!e.className}',
},
</apex:repeat>
]
});
});
</script>
我正在使用fullCalendar和DateFormat插件。
如果我的变量tempValue格式为“mm / dd / yy”我可以定义日期对象，如：
date = new Date(tempVal) ----> Thu Oct 20 2016 00:00:00 GMT+0300 (Russia TZ 2 Standard Time)
如果vy变量的格式为“dd / mm / yy”，则会出现“无效日期”错误。
我需要以“mm / dd / yy”格式获得tempValue，即使它的格式为“dd / mm / yy”。
答案 0 :(得分：0)
Javascript Date()期待a couple date string formats ...
但不是dd / mm / yyyy。
你注意到了。
那么，既然你已经有一个日期选择器的正确日期，为什么不简单地.split来检索零件呢？
如果您想对日期执行计算，例如查找两个日期之间的差异，请使用这些拆分部分将正确的格式传递给Date()。
// Commented out because we don't have this value here in this snippet.
//tempValue = '{!$CurrentPage.parameters.startDate}';
// I used this date value instead...
tempValue = "24/09/2016";
console.log(tempValue);
//newDate1 = $.datepicker.formatDate("mm/dd/yy", new Date(tempValue));
//console.log(newDate1);
//newDate = new Date(newDate1);
// Get the splitted values
var dateTemp = tempValue.split("/");
d = dateTemp[0];
m = dateTemp[1];
y = dateTemp[2];
console.log("d: " + d);
console.log("m: " + m);
console.log("y: " + y);
// To perform calculations, you'll need this.
calcDate1 = new Date(m + "/" + d + "/" + y);
console.log(calcDate1.toString());Just run the snippet and check the console...<br>
;)
答案 1 :(得分：0)
所以最后我找到了解决方案...... 确切的问题出现在用户区域设置中，因此具有区域设置英语（Inited states）的用户有一个＆＃39; M / d / yyyy＆＃39;日期格式，因此我们需要编写代码来为每个Locale日期格式创建Date对象。
最后：
<script type='text/javascript'>
$.noConflict();
jQuery(document).ready(function() {
tempValue = '{!$CurrentPage.parameters.startDate}';
var userLang = UserContext.dateFormat;
var dateTemp = tempValue.split("/");
d1 = dateTemp[0];
m1 = dateTemp[1];
y1 = dateTemp[2];
y='';
d='';
m='';
console.log(userLang);
if (userLang === "M/d/yyyy") {
newDate = new Date(d1 + "/" + m1 + "/" + y1);
d = newDate.getDate();
m = newDate.getMonth();
y = newDate.getFullYear();
};
if (userLang === "dd/MM/yyyy") {
newDate = new Date(m1 + "/" + d1 + "/" + y1);
d = newDate.getDate();
m = newDate.getMonth();
y = newDate.getFullYear();
};
//We need to wrap everything in a doc.ready function so that the code fires after the DOM is loaded
//Call the fullCallendar method. You can replace the '#calendar' with the ID of the dom element where you want the calendar to go.
jQuery('#calendar').fullCalendar({
year: y,
month: m,
date: d,
defaultView: 'agendaDay',
slotMinutes: 15,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: false,
events:
[
//At run time, this APEX Repeat will reneder the array elements for the events array
<apex:repeat value="{!events}" var="e">
{
title: "{!e.title}",
start: '{!e.startString}',
end: '{!e.endString}',
url: '{!e.url}',
allDay: {!e.allDay},
className: '{!e.className}',
},
</apex:repeat>
]
});
});
</script>
我认为这不是最佳解决方案，但如果您对此有所了解，请告诉我。
谢谢！