You need to sign in to do that
Don't have an account?
MOHAMMED AL IMAM
convert these codes into Aura or LwC
<!doctype html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.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">
</head>
<body onload="initWork()" >
<div class="jumbotron text-center container mt-5 mb-5">
<div class="row mt-3 mb-3 text-center">
<div class="col-6">
<input type="text" id="datepicker">
</div>
<div class="col-6">
<label for="datepicker">:التاريخ/date</label>
</div>
</div>
<span>Today is: </span><span id="today"></span>
</div>
<div class="text-center">
<p>© 2019 @Hussam <a href="https://github.com/sam- shudukhi/Hijri_Calendar">github</a></p>
</div>
</body>
</html>
var currDate = '';
function initWork() {
//Today
var todayElement = document.getElementById("today");
todayElement.innerHTML = HijriJS.today().toString();
// get today's date in Hijri
currDate = HijriJS.today().toString();
// to remove H from yearH ex: 1440H, drop the last character to be 1440
currDate = currDate.substring(0, currDate.length - 1);
// reformat date from dd/mm/yyyy to dd-mm-yyyy
currDate = currDate.split('/').join('-');
// set the date input field to currDate so, datepicker sets it as the current date automatically
$('#datepicker').val(currDate);
}
$( function() {
$( "#datepicker" ).datepicker({
changeMonth: true, // show months menu
changeYear: true, // show years menu
dayNamesMin: [ "س", "ج", "خ", "ر", "ث", "ن", "ح" ], // arabic days names
dateFormat: "dd-mm-yy", // set format to dd-mm-yyyy
monthNames: [ "محرم", "صفر", "ربيع الأول", "ربيع الثاني", "جمادى الأول", "جمادى الثاني", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة" ],
yearRange: "c-0:c+15", // year range in Hijri from current year and +15 years
monthNamesShort: [ "محرم", "صفر", "ربيع ١", "ربيع ٢", "جمادى ١", "جمادى ٢", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة" ],
showAnim: 'bounce'
});
});
<head>
<script src="https://code.jquery.com/jquery-1.12.4.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">
</head>
<body onload="initWork()" >
<div class="jumbotron text-center container mt-5 mb-5">
<div class="row mt-3 mb-3 text-center">
<div class="col-6">
<input type="text" id="datepicker">
</div>
<div class="col-6">
<label for="datepicker">:التاريخ/date</label>
</div>
</div>
<span>Today is: </span><span id="today"></span>
</div>
<div class="text-center">
<p>© 2019 @Hussam <a href="https://github.com/sam- shudukhi/Hijri_Calendar">github</a></p>
</div>
</body>
</html>
var currDate = '';
function initWork() {
//Today
var todayElement = document.getElementById("today");
todayElement.innerHTML = HijriJS.today().toString();
// get today's date in Hijri
currDate = HijriJS.today().toString();
// to remove H from yearH ex: 1440H, drop the last character to be 1440
currDate = currDate.substring(0, currDate.length - 1);
// reformat date from dd/mm/yyyy to dd-mm-yyyy
currDate = currDate.split('/').join('-');
// set the date input field to currDate so, datepicker sets it as the current date automatically
$('#datepicker').val(currDate);
}
$( function() {
$( "#datepicker" ).datepicker({
changeMonth: true, // show months menu
changeYear: true, // show years menu
dayNamesMin: [ "س", "ج", "خ", "ر", "ث", "ن", "ح" ], // arabic days names
dateFormat: "dd-mm-yy", // set format to dd-mm-yyyy
monthNames: [ "محرم", "صفر", "ربيع الأول", "ربيع الثاني", "جمادى الأول", "جمادى الثاني", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة" ],
yearRange: "c-0:c+15", // year range in Hijri from current year and +15 years
monthNamesShort: [ "محرم", "صفر", "ربيع ١", "ربيع ٢", "جمادى ١", "جمادى ٢", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة" ],
showAnim: 'bounce'
});
});
You can check below blog to get understanding on how to convert aura componnet to lwc component.
https://www.soliantconsulting.com/blog/salesforce-aura-lightning/
Thanks!