or run

npx @tessl/cli init
Log in

Version

Tile

Overview

Evals

Files

Files

docs

configuration-options.mdevent-handling.mdglobal-api.mdindex.mdinstance-methods.mdinternationalization.mdplugin-interface.md
tile.json

global-api.mddocs/

0

# Global API

1

2

Static methods and constants available on the `$.datetimepicker` namespace for global configuration and utilities.

3

4

## Capabilities

5

6

### Locale Management

7

8

Set global locale configuration that applies to all datetimepicker instances.

9

10

```javascript { .api }

11

/**

12

* Set global locale for all datetimepicker instances

13

* @param locale - Locale code (e.g., 'en', 'de', 'fr')

14

*/

15

$.datetimepicker.setLocale(locale: string): void;

16

```

17

18

**Usage Examples:**

19

20

```javascript

21

// Set German locale globally

22

$.datetimepicker.setLocale('de');

23

24

// All subsequent datetimepicker instances will use German locale

25

$('#date1').datetimepicker(); // Uses German

26

$('#date2').datetimepicker(); // Uses German

27

28

// Switch to French

29

$.datetimepicker.setLocale('fr');

30

$('#date3').datetimepicker(); // Uses French

31

```

32

33

**Supported Locales:**

34

35

- `'ar'` - Arabic

36

- `'az'` - Azerbaijanian (Azeri)

37

- `'bg'` - Bulgarian

38

- `'bs'` - Bosnian

39

- `'ca'` - Catalan

40

- `'ch'` - Simplified Chinese

41

- `'cs'` - Czech (Čeština)

42

- `'da'` - Danish (Dansk)

43

- `'de'` - German

44

- `'el'` - Greek (Ελληνικά)

45

- `'en'` - English (default)

46

- `'es'` - Spanish

47

- `'et'` - Estonian (Eesti)

48

- `'eu'` - Basque (Euskara)

49

- `'fa'` - Persian/Farsi

50

- `'fi'` - Finnish (Suomi)

51

- `'fr'` - French

52

- `'gl'` - Galician (Galego)

53

- `'he'` - Hebrew (עברית)

54

- `'hr'` - Croatian (Hrvatski)

55

- `'hu'` - Hungarian

56

- `'id'` - Indonesian

57

- `'is'` - Icelandic

58

- `'it'` - Italian

59

- `'ja'` - Japanese

60

- `'km'` - Khmer (ភាសាខ្មែរ)

61

- `'ko'` - Korean (한국어)

62

- `'kr'` - Korean

63

- `'lt'` - Lithuanian (lietuvių)

64

- `'lv'` - Latvian (Latviešu)

65

- `'mk'` - Macedonian (Македонски)

66

- `'mn'` - Mongolian (Монгол)

67

- `'nl'` - Dutch

68

- `'no'` - Norwegian

69

- `'pl'` - Polish

70

- `'pt'` - Portuguese

71

- `'ro'` - Romanian

72

- `'ru'` - Russian

73

- `'se'` - Swedish

74

- `'sk'` - Slovak (Slovenčina)

75

- `'sl'` - Slovenian (Slovenščina)

76

- `'sq'` - Albanian (Shqip)

77

- `'sr'` - Serbian Cyrillic (Српски)

78

- `'sv'` - Swedish (Svenska)

79

- `'th'` - Thai

80

- `'tr'` - Turkish

81

- `'ug'` - Uyghur (ئۇيغۇرچە)

82

- `'uk'` - Ukrainian

83

- `'vi'` - Vietnamese

84

- `'zh'` - Simplified Chinese (简体中文)

85

86

### Date Formatter Management

87

88

Configure custom date formatting and parsing.

89

90

```javascript { .api }

91

/**

92

* Set custom date formatter for parsing and formatting dates

93

* @param dateFormatter - Formatter name or custom formatter object

94

*/

95

$.datetimepicker.setDateFormatter(dateFormatter: string | DateFormatter): void;

96

97

interface DateFormatter {

98

parseDate(dateString: string, format: string): Date;

99

formatDate(date: Date, format: string): string;

100

}

101

```

102

103

### Default Options Access

104

105

Access and modify the global default options for all datetimepicker instances.

106

107

```javascript { .api }

108

/**

109

* Global default options object that can be modified to change defaults for all instances

110

*/

111

$.fn.datetimepicker.defaults: DateTimePickerOptions;

112

```

113

114

**Usage Examples:**

115

116

```javascript

117

// Modify global default format

118

$.fn.datetimepicker.defaults.format = 'Y-m-d H:i';

119

120

// Change global default step size

121

$.fn.datetimepicker.defaults.step = 30;

122

123

// Set global defaults for behavior

124

$.fn.datetimepicker.defaults.closeOnDateSelect = true;

125

$.fn.datetimepicker.defaults.timepicker = false;

126

127

// All subsequent datetimepicker instances will use these defaults

128

$('#date1').datetimepicker(); // Uses Y-m-d H:i format, 30 min steps, date-only

129

$('#date2').datetimepicker(); // Same defaults applied

130

```

131

132

```javascript

133

// Use a named formatter (if available)

134

$.datetimepicker.setDateFormatter('moment');

135

136

// Use custom formatter

137

$.datetimepicker.setDateFormatter({

138

parseDate: function(dateString, format) {

139

// Custom parsing logic

140

return new Date(dateString);

141

},

142

formatDate: function(date, format) {

143

// Custom formatting logic

144

return date.toISOString().split('T')[0];

145

}

146

});

147

```

148

149

### Standard Date Format Constants

150

151

Pre-defined date format constants for common standards.

152

153

```javascript { .api }

154

interface StandardFormats {

155

/** RFC 2822 format: 'D, d M Y H:i:s O' */

156

readonly RFC_2822: string;

157

/** ATOM format: 'Y-m-d\TH:i:sP' */

158

readonly ATOM: string;

159

/** ISO 8601 format: 'Y-m-d\TH:i:sO' */

160

readonly ISO_8601: string;

161

/** RFC 822 format: 'D, d M y H:i:s O' */

162

readonly RFC_822: string;

163

/** RFC 850 format: 'l, d-M-y H:i:s T' */

164

readonly RFC_850: string;

165

/** RFC 1036 format: 'D, d M y H:i:s O' */

166

readonly RFC_1036: string;

167

/** RFC 1123 format: 'D, d M Y H:i:s O' */

168

readonly RFC_1123: string;

169

/** RSS format: 'D, d M Y H:i:s O' */

170

readonly RSS: string;

171

/** W3C format: 'Y-m-d\TH:i:sP' */

172

readonly W3C: string;

173

}

174

```

175

176

**Usage Examples:**

177

178

```javascript

179

// Use ISO 8601 format

180

$('#iso-date').datetimepicker({

181

format: $.datetimepicker.ISO_8601

182

});

183

184

// Use RFC 2822 format

185

$('#rfc-date').datetimepicker({

186

format: $.datetimepicker.RFC_2822

187

});

188

189

// Use ATOM format for feeds

190

$('#atom-date').datetimepicker({

191

format: $.datetimepicker.ATOM

192

});

193

194

// List all available formats

195

console.log('Available formats:');

196

console.log('RFC_2822:', $.datetimepicker.RFC_2822);

197

console.log('ATOM:', $.datetimepicker.ATOM);

198

console.log('ISO_8601:', $.datetimepicker.ISO_8601);

199

console.log('W3C:', $.datetimepicker.W3C);

200

```

201

202

### Format Constants Values

203

204

```javascript { .api }

205

// Actual format string values

206

$.datetimepicker.RFC_2822 // 'D, d M Y H:i:s O'

207

$.datetimepicker.ATOM // 'Y-m-d\TH:i:sP'

208

$.datetimepicker.ISO_8601 // 'Y-m-d\TH:i:sO'

209

$.datetimepicker.RFC_822 // 'D, d M y H:i:s O'

210

$.datetimepicker.RFC_850 // 'l, d-M-y H:i:s T'

211

$.datetimepicker.RFC_1036 // 'D, d M y H:i:s O'

212

$.datetimepicker.RFC_1123 // 'D, d M Y H:i:s O'

213

$.datetimepicker.RSS // 'D, d M Y H:i:s O'

214

$.datetimepicker.W3C // 'Y-m-d\TH:i:sP'

215

```

216

217

### Global Configuration Patterns

218

219

Common patterns for global configuration.

220

221

**Usage Examples:**

222

223

```javascript

224

// Set global defaults for all instances

225

$.fn.datetimepicker.defaults.format = 'Y-m-d H:i';

226

$.fn.datetimepicker.defaults.step = 30;

227

$.datetimepicker.setLocale('en');

228

229

// Initialize multiple pickers with consistent settings

230

$('.datetime-picker').datetimepicker(); // All use global defaults

231

232

// Temporary locale change

233

var originalLocale = 'en';

234

$.datetimepicker.setLocale('de');

235

$('#german-date').datetimepicker();

236

$.datetimepicker.setLocale(originalLocale); // Restore

237

238

// Application-wide date format

239

$.datetimepicker.setLocale('en');

240

$.fn.datetimepicker.defaults.format = $.datetimepicker.ISO_8601;

241

$.fn.datetimepicker.defaults.formatDate = 'Y-m-d';

242

$.fn.datetimepicker.defaults.formatTime = 'H:i:s';

243

```