71 views

jQuery-datumnotatie

Hosted by Code Expert
jquery

Hoe kan ik de datum opmaken met jQuery. Ik gebruik onderstaande code maar krijg een foutmelding:

$("#txtDate").val($.format.date(new Date(), 'dd M yy'));

Stel een oplossing voor.

Antwoord 1, autoriteit 100%

jQuery dateFormatis een aparte plug-in. Je moet dat expliciet laden met een <script>tag.

Antwoord 2, autoriteit 94%

voeg jQuery ui-plug-in toe aan uw pagina.

$("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));

Antwoord 3, autoriteit 96%

Een alternatief zou de eenvoudige js date()-functie zijn, als u de jQuery/jQuery-plug-in niet wilt gebruiken:

bijv.:

var formattedDate = new Date("yourUnformattedOriginalDate");
var d = formattedDate.getDate();
var m =  formattedDate.getMonth();
m += 1;  // JavaScript months are 0-11
var y = formattedDate.getFullYear();
$("#txtDate").val(d + "." + m + "." + y);

zie: 10 manieren om tijd en datum op te maken met JavaScript

Als u voorloopnullen wilt toevoegen aan dag/maand, is dit een perfect voorbeeld:
Javascript voegt tot nu toe voorloopnullen toe

en als je tijd wilt toevoegen met voorloopnullen, probeer dan dit:
getMinutes() 0-9 – hoe met twee getallen?

Antwoord 4, autoriteit 32%

Hier is een heel basisfunctie die ik zojuist heb gemaakt en waarvoor geen externe plug-ins nodig zijn:

$.date = function(dateObject) {
    var d = new Date(dateObject);
    var day = d.getDate();
    var month = d.getMonth() + 1;
    var year = d.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date = day + "/" + month + "/" + year;
    return date;
};

Gebruik:

$.date(yourDateObject);

Resultaat:

dd/mm/yyyy

Antwoord 5, autoriteit 25%

Ik gebruik Moment JS. Is zeer nuttig en gemakkelijk te gebruiken.

var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10

Antwoord 6, autoriteit 25%

ThulasiRam, ik geef de voorkeur aan uw suggestie. Het werkt goed voor mij in een iets andere syntaxis/context:

var dt_to = $.datepicker.formatDate('yy-mm-dd', new Date());

Als u besluit om datepicker van JQuery UIte gebruiken, zorg er dan voor dat u de juiste verwijzingen gebruikt in uw document < hoofd > sectie:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Antwoord 7, Autoriteit 14%

Ik hoop dat deze code uw probleem zal oplossen. 

var d = new Date();
var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();
curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)
$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)

Antwoord 8, Autoriteit 7%

Als u JQuery UI gebruikt, kunt u het zoals hieronder gebruiken, u kunt uw eigen datumformaat aangeven 

$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"

Antwoord 9, Autoriteit 6%

Gebruik dit gewoon: 

var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);

Antwoord 10, Autoriteit 6%

Voeg deze functie toe aan uw <script></script>en bel van waar u ook wilt in dat <script></script>

<script>
function GetNow(){
    var currentdate = new Date(); 
    var datetime = currentdate.getDate() + "-"
            + (currentdate.getMonth()+1)  + "-" 
            + currentdate.getFullYear() + " "  
            + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();
    return datetime;
}
window.alert(GetNow());
</script>

of u kunt eenvoudig de jQuery gebruiken die opmaakfaciliteiten biedt, ook: – 

window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));

Ik hou van de tweede optie. Het lost alle problemen in één keer op.

Antwoord 11, Autoriteit 5%

Hoewel deze vraag een paar jaar geleden is gesteld, is een jQuery-plug-in niet meer vereist, op voorwaarde dat de datumwaarde in kwestie een tekenreeks is met een formaat mm/dd/yyyy(zoals bij gebruik van een datum -Picker); 

var birthdateVal = $('#birthdate').val();
//birthdateVal: 11/8/2014
var birthdate = new Date(birthdateVal);
//birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time)

Antwoord 12, Autoriteit 5%

U kunt nieuwe gebruiker jQuery-functie ‘GetDate “

toevoegen

JSFiddle: GetDate jQuery

of u kunt codefragment uitvoeren. Druk gewoon op de knop “Code-snippet” onder dit bericht. 

// Create user jQuery function 'getDate'
(function( $ ){
   $.fn.getDate = function(format) {
	var gDate		= new Date();
	var mDate		= {
	'S': gDate.getSeconds(),
	'M': gDate.getMinutes(),
	'H': gDate.getHours(),
	'd': gDate.getDate(),
	'm': gDate.getMonth() + 1,
	'y': gDate.getFullYear(),
	}
	// Apply format and add leading zeroes
	return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];});
	return getDate(str);
   }; 
})( jQuery );
// Usage: example #1. Write to '#date' div
$('#date').html($().getDate("y-m-d H:M:S"));
// Usage: ex2. Simple clock. Write to '#clock' div
function clock(){
	$('#clock').html($().getDate("H:M:S, m/d/y"))
}
clock();
setInterval(clock, 1000); // One second
// Usage: ex3. Simple clock 2. Write to '#clock2' div
function clock2(){
	var format = 'H:M:S'; // Date format
	var updateInterval = 1000; // 1 second
	var clock2Div	= $('#clock2'); // Get div
	var currentTime	= $().getDate(format); // Get time
	clock2Div.html(currentTime); // Write to div
	setTimeout(clock2, updateInterval); // Set timer 1 second
}
// Run clock2
clock2();
// Just for fun
// Usage: ex4. Simple clock 3. Write to '#clock3' span
function clock3(){
	var formatHM = 'H:M:'; // Hours, minutes
	var formatS = 'S'; // Seconds
	var updateInterval = 1000; // 1 second
	var clock3SpanHM	= $('#clock3HM'); // Get span HM
	var clock3SpanS	= $('#clock3S'); // Get span S
	var currentHM	= $().getDate(formatHM); // Get time H:M
	var currentS	= $().getDate(formatS); // Get seconds
	clock3SpanHM.html(currentHM); // Write to div
	clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span
	setTimeout(clock3, updateInterval); // Set timer 1 second
}
// Run clock2
clock3();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="date"></div><br>
<div id="clock"></div><br>
<span id="clock3HM"></span><span id="clock3S"></span>

Antwoord 13, autoriteit 4%

Je zou dit fragment kunnen gebruiken

$('.datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: '1900:+0',
  defaultDate: '01 JAN 1900',
  buttonImage: "http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
  dateFormat: 'dd/mm/yy',
  onSelect: function() {
    $('#datepicker').val($(this).datepicker({
      dateFormat: 'dd/mm/yy'
    }).val());
  }
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<p>
  selector: <input type="text" class="datepicker">
</p>
<p>
  output: <input type="text" id="datepicker">
</p>

Antwoord 14, Autoriteit 4%

Simply kunnen we de datum opmaken zoals, 

var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));

Waar “Datum” is een datum in een formaat.

Antwoord 15, Autoriteit 3%

Neem hier een kijkje:

https://github.com/mbitto/jQuery.i18Now

Deze jQuery-plug-in helpt u om datum en tijd te formatteren en te vertalen volgens uw voorkeur.

Antwoord 16

Gebruik de optie DateFormat bij het maken van datumkiezer. 

$("#startDate").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                    dateFormat: 'yy/mm/dd'
                });

Antwoord 17

u kunt de onderstaande code gebruiken zonder de plug-in.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$( function() {
    //call the function on page load
	$( "#datepicker" ).datepicker();
    //set the date format here
    $( "#datepicker" ).datepicker("option" , "dateFormat", "dd-mm-yy");
    // you also can use 
    // yy-mm-dd
    // d M, y
    // d MM, y
    // DD, d MM, yy
    // &apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy (With text - 'day' d 'of' MM 'in the year' yy)
	} );
 </script>
Pick the Date: <input type="text" id="datepicker">

Antwoord 18

Je kunt http://www.datejs.com/

proberen

$('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toString('yyyy-MM-dd'));

BR

Antwoord 19

Dit werkte voor mij met een kleine aanpassing en zonder enige plug-in

Invoer: wo 11 april 2018 00:00:00 GMT+0000

$.date = function(orginaldate) { 
    var date = new Date(orginaldate);
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date =  month + "/" + day + "/" + year; 
    return date;
};
$.date('Wed Apr 11 2018 00:00:00 GMT+0000')

Uitvoer: 04/11/2018

Antwoord 20

Ik heb dit bereikt, ik heb dit opgelost zonder enige plug-in of datepicker.

GetDatePattern("MM/dd/yyyy");
 function GetDatePattern(pattern)
    {
    var monthNames=["January", "February", "March", "April", "May", "June",
                "July", "August", "September", "October", "November", "December"];
            var todayDate = new Date();
                            var date = todayDate.getDate().toString();
                            var month = todayDate.getMonth().toString(); 
                            var year = todayDate.getFullYear().toString(); 
                            var formattedMonth = (todayDate.getMonth() < 10) ? "0" + month : month;
                            var formattedDay = (todayDate.getDate() < 10) ? "0" + date : date;
                            var result = "";
                            switch (pattern) {
                                case "M/d/yyyy": 
                                    formattedMonth = formattedMonth.indexOf("0") == 0 ? formattedMonth.substring(1, 2) : formattedMonth;
                                    formattedDay = formattedDay.indexOf("0") == 0 ? formattedDay.substring(1, 2) : formattedDay;
                                    result  = formattedMonth + '/' + formattedDay + '/' + year;
                                    break;
                                case "M/d/yy": 
                                    formattedMonth = formattedMonth.indexOf("0") == 0 ? formattedMonth.substring(1, 2) : formattedMonth;
                                    formattedDay = formattedDay.indexOf("0") == 0 ? formattedDay.substring(1, 2) : formattedDay;
                                    result  = formattedMonth + '/' + formattedDay + '/' + year.substr(2);
                                    break;
                                case "MM/dd/yy":
                                    result  = formattedMonth + '/' + formattedDay + '/' + year.substr(2);
                                    break;
                                case "MM/dd/yyyy":
                                   result  = formattedMonth + '/' + formattedDay + '/' + year;
                                    break;
                                case "yy/MM/dd":
                                    result  = year.substr(2) + '/' + formattedMonth + '/' + formattedDay;
                                    break;
                                case "yyyy-MM-dd":
                                    result  = year + '-' + formattedMonth + '-' + formattedDay;
                                    break;
                                case "dd-MMM-yy":
                                   result  = formattedDay + '-' + monthNames[todayDate.getMonth()].substr(3) + '-' + year.substr(2);
                                    break;
                                case "MMMM d, yyyy":
                                    result  = todayDate.toLocaleDateString("en-us", { day: 'numeric', month: 'long', year: 'numeric' });
                                    break;
                            }
                            }

Antwoord 21

Ik weet niet zeker of ik een vraag mag beantwoorden die ongeveer 2 jaar geleden is gesteld, aangezien dit mijn eerste antwoord op stackoverflow is, maar hier is mijn oplossing;

Als u de datum eenmaal uit uw MySQL-database hebt opgehaald, splitst u deze en gebruikt u vervolgens de gesplitste waarden. 

$(document).ready(function () {
    var datefrommysql = $('.date-from-mysql').attr("date");
    var arraydate = datefrommysql.split('.');
    var yearfirstdigit = arraydate[2][2];
    var yearlastdigit = arraydate[2][3];
    var day = arraydate[0];
    var month = arraydate[1];
    $('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});

Hier is een viool.

Antwoord 22

Hier is het volledige codevoorbeeld dat ik in de browser heb laten zien, ik hoop dat je ook behulpzaam bent, bedankt.

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker" ).datepicker({
                minDate: -100,
                maxDate: "+0D",
                dateFormat: 'yy-dd-mm',
                onSelect: function(datetext){
                    $(this).val(datetext);
                },
            });
         });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type="text" id="datepicker"></p>
   </body>
</html>

Antwoord 23

u kunt deze codering gebruiken 

$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));
Previous articleTelegram markdown syntax: Vet *en* cursief? (september 2018)
Next articleGit werkt niet na macOS-update (xcrun: error: ongeldig actief ontwikkelaarspad (/Bibliotheek/Developer/CommandLineTools)

Other episodes

Hoe jQuery-ondersteuning in Aptana Studio 3 in te schakelen

jquery Code Expert - 0
Hoe kan ik jQuery inschakelen in Aptana Studio 3 (bèta)? Ik heb geen document gezien voor deze versie. Ondersteunt Aptana Studio 3 (bèta) jQuery? Antwoord 1, autoriteit...
Read more

SCRIPT5009: ‘URLSearchParams’ is niet gedefinieerd in IE 11

jquery Code Expert - 0
Ik probeer de URLSearchParamsuit te voeren, maar ik krijg een foutmelding op IE 11 omdat het daar niet wordt ondersteund. Het werkt perfect in...
Read more

jQuery-callback voor meerdere ajax-oproepen

jquery Code Expert - 0
Ik wil drie ajax-aanroepen doen in een klikgebeurtenis. Elke ajax-oproep voert een afzonderlijke bewerking uit en retourneert gegevens die nodig zijn voor een laatste...
Read more

jQuery krijgt muispositie binnen een element

jquery Code Expert - 0
Ik hoopte een besturingselement te maken waarbij een gebruiker in een div kan klikken, vervolgens de muis kan slepen en de muis vervolgens kan...
Read more

jQuery Scroll naar de onderkant van de pagina

jquery Code Expert - 0
Nadat mijn pagina klaar is met laden. Ik wil dat jQuery netjes naar de onderkant van de pagina scrolt, snel animeert, niet in een...
Read more

jQuery detecteert of tekstgebied leeg is

jquery Code Expert - 0
Ik probeer te bepalen of een tekstgebied leeg is als een gebruiker verwijdert wat al vooraf in het tekstgebied is ingevuld met jQuery. Hoe dan...
Read more

Kan ik jQuery UI 1.12.1 gebruiken met jQuery 3.x?

jquery Code Expert - 0
Ik heb mijn jQuery 1.7.2gewijzigd in 3.1.1en mijn jQuery-gebruikersinterface gewijzigd van versie 1.8.16in versie 1.12.1. Heel wat van mijn bestaande JS-dingen zijn kapot gegaan, zoals...
Read more

© Copyright - Code Expert 2021