JavaScript / HTML5 新聞

簡化 React 應用程式中的日期選擇

7月 7, 2026
日曆元件擴展了使用者介面，為使用者提供了導航和管理基於日期資訊的直觀方式。

Calendar components are user interface controls that display dates and time-based information in a structured, interactive format. They are widely used for scheduling, date selection, event management, booking systems, and planning applications, providing users with an intuitive way to interact with calendar-based data. Many calendar components support navigation across month, year, and decade views, along with localization, keyboard navigation, and customization options to suit different application requirements. By presenting dates in a familiar visual format, they improve usability, help reduce input errors, simplify navigation across time periods, and can provide a consistent experience across desktop and mobile devices when used in responsive applications.

Several React UI suites provide you with calendar controls, including:

  • DevExtreme Complete by DevExpress includes a Calendar component with single, multiple, and range date selection, zoom levels, localization, and customization.
  • Wijmo by MESCIUS provides a Calendar control with configurable selection modes, localization, keyboard navigation, date range restrictions, and customization options.
  • KendoReact by Telerik offers Calendar and MultiViewCalendar components with date selection, date range selection, configurable views, accessibility, and globalization support.
  • Syncfusion Essential Studio Enterprise features a Calendar component with single and multiple date selection, view modes, globalization, accessibility, and customization options.

For an in-depth analysis of features and price, visit our comparison of React UI suites.

Compare React UI Suites

將試算表資料存為 XLSX

7月 7, 2026
直接從您的應用程式生成 XLSX 試算表，以便使用者能在相容的試算表軟體中分享和分析資料。

Exporting to XLSX in a spreadsheet component is the ability to generate Microsoft Excel Open XML Spreadsheet (.xlsx) files directly from application data or the current spreadsheet state, allowing users to save, share, and open content in Microsoft Excel and other compatible spreadsheet applications. For software developers, this provides a reliable way to deliver data in a widely supported format while preserving features such as worksheets, formulas, formatting, tables, and cell styles where supported, making it easier to integrate reporting, data exchange, and offline analysis into applications without requiring users to manually recreate or copy spreadsheet content.

Several Angular spreadsheet controls offer support exporting to XLSX including:

  • SpreadJS by MESCIUS lets you export spreadsheets to XLSX while preserving formulas, formatting, tables, and other Excel-compatible features for seamless data exchange.
  • Kendo UI Angular Excel Export (part of Kendo UI by Telerik) facilitates XLSX export from its spreadsheet component, producing Excel-compatible files that retain formatting.
  • Jspreadsheet Pro allows you to export spreadsheet content to XLSX, enabling users to share structured data with Microsoft Excel and compatible applications.
  • Infragistics Ignite UI for Angular Spreadsheet (part of Infragistics Ignite UI) lets you export spreadsheet data to XLSX, helping applications generate Excel-compatible workbooks.

For an in-depth analysis of features and price, visit our Angular spreadsheet controls comparison.

Compare Angular Spreadsheet Controls

在更強大的程式碼庫上構建資料網格應用程式

7月 3, 2026
Handsontable 的核心已完全重寫為 TypeScript，從而改進了整個代碼庫的長期穩定性和可維護性。

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 18.0.0 release introduces a complete rewrite of its core from JavaScript to TypeScript. Although largely invisible in day-to-day use, this investment strengthens the foundation of the project, making the codebase easier to maintain, reducing the likelihood of defects, and providing developers with improved type safety and tooling. It lays the groundwork for future enhancements while helping ensure a more reliable experience for everyone building with Handsontable.

To see a full list of what's new in version 18.0.0, see our release notes.

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

用通用 Highcharts Assistant 創建更多內容

7月 3, 2026
Highcharts GPT 已更名為 Highcharts Assist，以體現一個超越單一 AI 模型的更靈活、面向未來的助手。

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

Highcharts GPT has been renamed Highcharts Assist to represent its evolution from an AI assistant associated with a single language model to a universal assistant for the Highcharts platform. Highcharts Assist provides software developers with support across implementation, debugging, licensing, product guidance, and best practices, while its model-agnostic approach allows the underlying AI technology to evolve over time without changing the user experience.

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

在 Angular 報表設計器中構建資產負債表

7月 2, 2026
使用 ActiveReportsJS 完全在流覽器中構建、自訂和顯示報表。

ActiveReportsJS is a powerful, lightweight reporting tool designed to integrate advanced reporting capabilities into any JavaScript application. ActiveReportsJS enables developers to create, view, export, and print richly formatted reports entirely on the client side - with zero server dependencies.

Balance sheets provide a snapshot of an organization's financial position at a specific point in time. By summarizing assets, liabilities, and equity, these reports help creditors, investors, and stakeholders evaluate a company's financial health. In this blog post, MESCIUS Product Manager Joel Parks demonstrates how to use the Angular Report Designer to give users the ability to design, view, and interact with reports directly from within your web application. Steps include:

  • Adding the Angular Report Designer to an Application
  • Saving the Report Details
  • Adding a Data Source and Data Set to the Report
  • Designing the Balance Sheet and Binding Data to Controls

Read the complete blog to get started creating polished, interactive balance sheets within your web applications.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.