轉換日期格式

如何在jQuery中將字符串01 January 2016轉換爲01/01/2016。我通過$('#datepicker').val()方法從引導日期選擇器字段獲取日期。但需要轉換日期dd/mm/yyyy格式作進一步處理轉換日期格式

來源

2016-11-30 ajazsiddiqui

僅供參考jQuery是不參與格式化日期。你需要普通的老JS。我已經向你重申了你的問題。請注意，如果您指定了使用的日期選擇器控件，它可能也有幫助，因爲它可能具有內置的日期格式邏輯。你說它是Bootstrap的一個，但有數百個。 –

http://stackoverflow.com/questions/26549773/convert-date-format-in-jquery此鏈接將幫助你。 – SilentCoder

我是ujsing引導日期選擇器 – ajazsiddiqui

你可以使用像moment.js庫：

moment('01 January 2016').format('DD/MM/YYYY')

來源

2016-11-30 12:24:27 user1664823

看到這個

https://jsfiddle.net/wt7wxn8x/1/

var test = new Date("01 January 2016"); 
console.log((test.getMonth() + 1) + '/' + test.getDate() + '/' + test.getFullYear());

來源

2016-11-30 12:25:29 NNR

感謝它的工作 – ajazsiddiqui

請添加日期選擇這樣這樣在你的html

<script type="text/javascript"> 
$('#datepicker').datepicker({ 
    autoclose: true, 
    format: 'dd/mm/yyyy' 
}); 
</script>

然後讓你的日期選擇器值

$('#datepicker').val()

來源

2016-11-30 12:27:57

我想在日期字段中顯示爲dd/mmm/yyyy，但以dd/mm/yyyy爲其他目的獲取日期 – ajazsiddiqui

您可以指定像這樣的格式。

$('.datepicker').datepicker({ 
    format: 'mm/dd/yyyy', 
    startDate: '-3d' 
});

來源

2016-11-30 12:29:02

你有兩個選擇，

設置輸入元素的data-date-format屬性。

或

使用format配置來設置你想要的格式。

$('.datepicker').datepicker({ 
 
    format: 'dd/mm/yyyy' 
 
}); 
 

 
$('#submit-btn').on('click', function(e) { 
 
    $('#display-area').html($('#datepicker-1').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
 

 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.min.css" rel="stylesheet"/> 
 

 
<form> 
 
    <div class="form-group"> 
 
    <label for="datepicker-1">Start Date</label>  
 
    <input class="form-control datepicker" id="datepicker-1" data-date-format="dd/mm/yyyy" aria-describedby="datepickerHelp"> 
 
    <small id="datepickerHelp" class="form-text text-muted">Select a date.</small> 
 
    </div> 
 
    <input type="button" id="submit-btn" class="btn btn-primary" value="Show Date" /> 
 
</form> 
 

 
<hr /> 
 

 
<strong>Date Value:</strong> <span id="display-area"></span>

來源

2016-11-30 12:43:16

我們可以使用解析字符串轉換一個月向相應的號碼。請試試這個：

let str = "1 January 2016", 
 
    str2 = "1 mar 2016", 
 
    str3 = "1 au 2016"; 
 

 
function cDate(str) { 
 
    if(!(Date.parse(str))) {return 'error';} 
 
    let dt = str.split(' ');  
 
    let d = new Date(Date.parse(`${dt[1]} ${dt[0]}, ${dt[2]}`)); 
 
    let result = `${d.getDate()}/${d.getMonth()+1}/${d.getFullYear()}`;    
 
    return result; 
 
} 
 

 
console.log(str, '==', cDate(str)); 
 
console.log(str2, '==', cDate(str2)); 
 
console.log(str3, '==', cDate(str3));

來源

2016-11-30 12:44:57 RizkiDPrast

轉換日期格式

回答

相關問題