2017-04-05 77 views
0

如果您运行代码片段,则会看到星期一是第7天,我如何才能获得星期一作为第一天的第一天 示例: 星期一05/01/2017周1号 日2017年5月2日的一周内第2号如何获取jquery datepicker的第一天的星期一

<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script> 
 

 
<script> 
 
$(function() { 
 
    var weekStart = new Date(2017, 1, 27); 
 
    var roster = ['work', 'off', 'off', 'work', 'work', 'work', 'work', 
 
    \t 'off', 'work', 'work', 'work', 'off', 'off', 'work']; 
 
    $('#date').datepicker({minDate: weekStart, onSelect: function(dateStr) { 
 
    var date = $(this).datepicker('getDate'); 
 
    var days = Math.floor((date.getTime() - weekStart.getTime())/(24 * 60 * 60 * 1000)); 
 
    var week = Math.floor(days/7) % 2; 
 
    $('#week').val(week + 1); 
 
    $('#day').val($.datepicker.formatDate('DD', date)); 
 
    $('#work').val(roster[week * 7 + date.getDay() - 1]); 
 
    }}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="date"></p> 
 
<p>Day: <input type="text" id="day"></p> 
 
<p>week: <input type="text" id="week"></p> 
 
<p>work: <input type="text" id="work"></p> 
 

 
</body> 
 
</html>

+0

你是什么意思_ “你会看到,星期一是一天7号” _? – j08691

+0

运行它,星期一是星期一是星期一和星期二是星期二 – majed

回答

0

你失踪firstDay: 1 PARAM。

<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script> 
 

 
<script> 
 
$(function() { 
 
    var weekStart = new Date(2017, 1, 27); 
 
    var roster = ['work', 'off', 'off', 'work', 'work', 'work', 'work', 
 
    \t 'off', 'work', 'work', 'work', 'off', 'off', 'work']; 
 
    $('#date').datepicker({ firstDay: 1, minDate: weekStart, onSelect: function(dateStr) { 
 
    var date = $(this).datepicker('getDate'); 
 
    var days = Math.floor((date.getTime() - weekStart.getTime())/(24 * 60 * 60 * 1000)); 
 
    var week = Math.floor(days/7) % 2; 
 
    $('#week').val(week + 1); 
 
    $('#day').val($.datepicker.formatDate('DD', date)); 
 
    $('#work').val(roster[week * 7 + date.getDay() - 1]); 
 
    }}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="date"></p> 
 
<p>Day: <input type="text" id="day"></p> 
 
<p>week: <input type="text" id="week"></p> 
 
<p>work: <input type="text" id="work"></p> 
 

 
</body> 
 
</html>

+0

运行它,星期一是星期一是星期一和星期二是星期二 – majed

0

我的回答是每月0 VAR weekStart =新的日期(2017年,0,27);

<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script> 
 

 
<script> 
 
$(function() { 
 
    var weekStart = new Date(2017, 0, 27); 
 
    var roster = ['work', 'off', 'off', 'work', 'work', 'work', 'work', 
 
    \t 'off', 'work', 'work', 'work', 'off', 'off', 'work']; 
 
    $('#date').datepicker({ firstDay: 1, minDate: weekStart, onSelect: function(dateStr) { 
 
    var date = $(this).datepicker('getDate'); 
 
    var days = Math.floor((date.getTime() - weekStart.getTime())/(24 * 60 * 60 * 1000)); 
 
    var week = Math.floor(days/7) % 2; 
 
    $('#week').val(week + 1); 
 
    $('#day').val($.datepicker.formatDate('DD', date)); 
 
    $('#work').val(roster[week * 7 + date.getDay() - 1]); 
 
    }}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="date"></p> 
 
<p>Day: <input type="text" id="day"></p> 
 
<p>week: <input type="text" id="week"></p> 
 
<p>work: <input type="text" id="work"></p> 
 

 
</body> 
 
</html>