# Javascript Date Time Picker 2 Demo

DropDown Month Selector
Date Only
Format (date:dd-MM-yyyy) | <a href="javascript:NewCssCal('demo1','ddmmyyyy')">
Format (date:dd-MMM-yyyy) | <a href="javascript:NewCssCal('demo2','ddmmmyyyy')">
Format (date:yyyy-MM-dd) | <a href="javascript:NewCssCal('demo3','yyyymmdd')">
Format (date:yyyy-MMM-dd) | <a href="javascript:NewCssCal('demo4','yyyymmmdd')">
Format (date:yy-MM-dd) | <a href="javascript:NewCssCal('demo400','yymmdd')">
Format (date:yy-MMM-dd) | <a href="javascript:NewCssCal('demo401','yymmmdd')">
Format (date:MM-dd-yyyy) | <a href="javascript:NewCssCal('demo5','mmddyyyy')">
Format (date:MMM-dd-yyyy) | <a href="javascript:NewCssCal('demo6','mmmddyyyy')">
Date And Time without seconds
Format(date:dd-MM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo11','ddmmyyyy','dropdown',true)">
Format (date:dd-MMM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo12','ddmmmyyyy','dropdown',true)">
Format (date:yyyy-MM-dd time:24hr) | <a href="javascript: NewCssCal('demo13','yyyymmdd','dropdown',true)">
Format (date:yyyy-MMM-dd time:12hr) | <a href="javascript: NewCssCal('demo14','yyyymmmdd','dropdown',true,12)">
Format (date:MM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo15','mmddyyyy','dropdown',true,12)">
Format (date:MMM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo16','mmmddyyyy','dropdown',true,12)">
Date And Time with seconds
Format (date:dd-MM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo21','ddmmyyyy','dropdown',true,24,false)">
Format (date:dd-MMM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo22','ddmmmyyyy','dropdown',true,24,false)">
Format (date:yyyy-MM-dd time:24hr) | <a href="javascript: NewCssCal('demo23','yyyymmdd','dropdown',true,24,false)">
Format (date:yyyy-MMM-dd time:12hr) | <a href="javascript: NewCssCal('demo24','yyyymmdd','dropdown',true,12,false)">
Format (date:MM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo25','mmddyyyy','dropdown',true,12,false)">
Format (date:MMM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo26','mmmddyyyy','dropdown',true,12,false)">
Arrow Month-Year Selector
Date Only
Format (date:dd-MM-yyyy) | <a href="javascript: NewCssCal('demo31','ddmmyyyy','arrow')">
Format (date:dd-MMM-yyyy) | <a href="javascript: NewCssCal('demo32','ddmmmyyyy','arrow')">
Format (date:yyyy-MM-dd) | <a href="javascript: NewCssCal('demo33','yyyymmdd','arrow')">
Format (date:yyyy-MMM-dd) | <a href="javascript: NewCssCal('demo34','yyyymmmdd','arrow')">
Format (date:MM-dd-yyyy) | <a href="javascript:NewCssCal('demo35','mmddyyyy','arrow')">
Format (date:MMM-dd-yyyy) | <a href="javascript: NewCssCal('demo36','mmmddyyyy','arrow')">
Date And Time without seconds
Format(date:dd-MM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo41','ddmmyyyy','arrow',true)">
Format (date:dd-MMM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo42','ddmmmyyyy','arrow',true)">
Format (date:yyyy-MM-dd time:24hr) | <a href="javascript: NewCssCal('demo43','yyyymmdd','arrow',true)">
Format (date:yyyy-MMM-dd time:12hr) | <a href="javascript: NewCssCal('demo44','yyyymmmdd','arrow',true,12)">
Format (date:MM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo45','mmddyyyy','arrow',true,12)">
Format (date:MMM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo46','mmmddyyyy','arrow',true,12)">
Date And Time with seconds
Format (date:dd-MM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo51','ddmmyyyy','arrow',true,24,false)">
Format (date:dd-MMM-yyyy time:24hr) | <a href="javascript: NewCssCal('demo52','ddmmmyyyy','arrow',true,24,false)">
Format (date:yyyy-MM-dd time:24hr) | <a href="javascript: NewCssCal('demo53','yyyymmdd','arrow',true,24,false)">
Format (date:yyyy-MMM-dd time:12hr) | <a href="javascript: NewCssCal('demo54','yyyymmdd','arrow',true,12,false)">
Format (date:MM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo55','mmddyyyy','arrow',true,12,false)">
Format (date:MMM-dd-yyyy time:12hr) | <a href="javascript: NewCssCal('demo56','mmmddyyyy','arrow',true,12,false)">